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

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

لینک کوتاه اشتراک گذاری

0

سلام من می خوام با ویو یه جستجو 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', '[email protected]');
آفلاین
user-avatar
حسام موسوی ( 434337 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

لینک کوتاه اشتراک گذاری

1

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

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

لینک کوتاه اشتراک گذاری

1

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

آفلاین
user-avatar
maryam ( 1790 تجربه )
1 سال پیش

لینک کوتاه اشتراک گذاری

0

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

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.