حسان محمدی
6 سال پیش توسط حسان محمدی مطرح شد
3 پاسخ

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

سلام من می خوام با ویو یه جستجو 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');

ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 6 سال پیش مطرح شد
1

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


حسان محمدی
@Hessan 6 سال پیش مطرح شد
1

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


maryam
@m.momeni9283 5 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام