Ajax 搜索产生 404 错误 Laravel 7

Question

我有一个在 laravel 5 中工作的 ajax 搜索功能，在 laravel 7 上不起作用。我正在使用旧版本来学习和升级所有内容，现在在将数据发布到我的路线时，我在 ajax 中遇到 404 错误。我对 Laravel 很陌生，所以仍在学习和修改代码以测试结果。基本上我试图将两个变量传递给控制器​​，代码都适用于旧版本。任何帮助和指导将不胜感激。

路线

Route::get('/search','SearchController@index');
Route::get('/search/action','SearchController@search')->name('search.action');

控制器

 public function search(Request $request)
    {
        if ($request->ajax()) {
            $output = "";
            $figures = figures::where('type', 'LIKE', '%' . $request->search . "%")->where('base', 'LIKE', '%' . $request->txt . "%")->get();
            $prodcount = $figures->count();
            if ($prodcount >= '1') {

                }
                return Response($output);
            } else {

                }
                return Response($output);
            }
        }
    }

阿贾克斯

    <script type="text/javascript">
        //$('#search').on('keyup',function(){
  //  $("#topping").change(function () {
    $("#but").click(function () {
        $value=$('#topping').val();
        $value2=$('#search').val();
            $.ajax({
                type : 'get',
               url : '{{URL::to('search/action')}}',
                data:{'search':$value, 'txt':$value2},
                success:function(data){
                    $('tbody').html(data);
//console.log(data);
                }
            });
    })
    </script>
    <script type="text/javascript">
        $.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });
    </script>

Answer 1

我可以看到 2 个错误

• $value2=$('#search').val(); 到 var value2=$('#search').val();
• url : '{{URL::to('search/action')}}', 到 url : {{ route('search.action') }}

<script type="text/javascript">
    //$('#search').on('keyup',function(){
//  $("#topping").change(function () {
$("#but").click(function () {
    var value=$('#topping').val();
    var value2=$('#search').val();
        $.ajax({
            type : 'get',
           url : '{{ route('search/action')}}',
            data:{'search':value, 'txt':value2},
            success:function(data){
                $('tbody').html(data);
                //console.log(data);
            }
        });
})
</script>
<script type="text/javascript">
    $.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });
</script>

这是固定代码试试吧