آفلاین
user-avatar

جستجو ajax در لاراول با vue

6 ماه پیش
توسط maryam آپدیت شد
آفلاین
user-avatar
حسان محمدی ( 9854 تجربه )
2 سال پیش

سلام من می خوام با ویو یه جستجو ajax تو لاراول درست کنم ولی وقتی run می کنم این ارور تو console میده

GET http://localhost:8000/api/search?keywords=%D8%B1%D8%B4%D8%AA 500 (Internal Server Error)

اینم کد vue

<template>
    <div>
        <input type="text" v-model="keywords">
        <ul v-if="results.length > 0">
            <li v-for="result in results" :key="result.id" v-text="result.name"></li>
        </ul>
    </div>
</template>

<script>
export default {
    data() {
        return {
            keywords: null,
            results: []
        };
    },

    watch: {
        keywords(after, before) {
            this.fetch();
        }
    },

    methods: {
        fetch() {
            axios.get('/api/search', { params: { keywords: this.keywords } })
                .then(response => this.results = response.data)
                .catch(error => {});
        }
    }
}
</script>

این از کد php تو SearchController.php

<?php 

public function search(Request $request)
{
    $users = User::where('name', $request->keywords)->get();

    return response()->json($users);
}

اینم از مسیر دهی تو web.php

Route::get('/api/search', 'SearchController@search');
آنلاین
user-avatar
حسام موسوی ( 382959 تجربه )
2 سال پیش
تخصص : طراح و برنامه نویس

در صحفه ای که هستید راست کلیک کنید روی گزینه inspect element بزنید در صفحه ای که باز میشه وارد تب network بشید و در خواست خودتون رو پیدا کنید که ارور ۵۰۰ داره اگر نبود در همون حالت صفحه رو رفرش کنید از اونجا مشکلی که وجود داره رو بهتون نشون میده

آفلاین
user-avatar
حسان محمدی ( 9854 تجربه )
2 سال پیش

کدهای بالا ویرایش شده الا به درستی کار می کنه کلا خواستم بگم اگه کسی خواست یه search ajax داشته باشه تو لاراول می تونه ازش استغاده کنه

آفلاین
user-avatar
maryam ( 1050 تجربه )
6 ماه پیش

سلام
من میخوام یه live search ایجاد کنم.
با این کد میشه انجام داد؟
@Hessan

برای ارسال پاسخ باید وارد سایت شوید