Laravel - Ajax 呼叫时 500(内部服务器错误)

Laravel - 500 (Internal Server Error) on Ajax Call

我一直在根据我的上下文尝试学习本教程 (https://www.youtube.com/watch?time_continue=7&v=D4ny-CboZC0),但我遇到了这个错误:

POST http://127.0.0.1:8000/transactions/fetch 500 (Internal Server Error)

create.blade.php

@extends('layouts.app')
@section('title', 'New Transaction')
@section('content')
<form action="/transactions" method="POST">
    <div class="row">
        <label>Item Name</label>
        <input type="text" name="item_name" id="item_name" class="form-control input-lg" placeholder="Item Name">
        <div id="itemList"></div>
        {{ csrf_field()}}
        <label>Quantity</label>
        <input type="text" name="quantity[]"  value="" placeholder="Quantity">
        {{ $errors->first('quantity')}}
    </div>
    <button type="submit" class="btn btn-primary">Complete Order</button>
    @csrf
</form>

<script type="text/javascript">
$(document).ready(function(){
    $('#item_name').keyup(function(){
        var query = $(this).val();
        if(query!=''){
            var _token = $('input[name="_token"]').val();
            console.log(_token);
            $.ajax({
                url: "{{route('autocomplete.fetch')}}",
                method: "POST",
                data: {query: query, _token:_token},
                success:function(data){
                    $('#itemList').fadeIn();
                    $('#itemList').html(data);
                }
            })
        }
    });
})
</script>
@endsection

TransactionController.php

中获取函数
public function fetch(Request $request)
{
    if($request->get('query')) {
        $query= $request->get('query');
        $data = DB::table('items')
        ->where('item_name', 'LIKE', '%{$query}%')
        ->get();
    }

    $output = '<ul class="dropdown-menu" style="display:block; position:relative">';
    foreach ($data as $row) {
        $output.= '<li> <a href="#">' .$row->item_name.'</a></li>';
    }
    $output .= '</ul>';
    echo $output;
}

web.php

Route::resource('transactions', 'TransactionController');
Route::post('/transactions/fetch', 'TransactionController@fetch')->name('autocomplete.fetch');

请帮我看看问题到底出在哪里。我尝试了很多网上看到的方法,但 none 奏效了。

提前致谢!

您即将获得解决方案。但我认为你的错误来自这里: 控制器中的 $data 变量将是一个数组,因此在您的 foreach 主体中,您从此处收到错误

$row->item_name

所以不是这个:

$data = DB::table('items')
       ->where('item_name', 'LIKE', '%{$query}%')
       ->get();

这样写(假设你的型号名称是"Item"):

$data = Item::where('item_name', 'LIKE', '%{$query}%')->get();

恕我直言,这将解决问题。但这将 return 仅区分大小写的值。例如,如果您将键入 "abc",它不会 return 包含 "ABC" 的单词。因此,为此您可以将 2 面设为大写并进行比较。像这样:

$data = Item::whereRaw("UPPER(item_name) LIKE '%" . strtoupper($query) . "%'")->get();

如果你还想继续搜索特殊字符,那么我认为这个答案将不仅仅是你问题的答案。 但此时我建议你使用最后一行。

请用 ->where('item_name', 'LIKE', '%' . $query . '%') 代替 ->where('item_name', 'LIKE', '%{$query}%')

if($request->get('query')){
      $query= $request->get('query');
      $data = DB::table('items')
              ->where('item_name', 'LIKE', '%' . $query . '%')
              ->get();
}

对我有用。