Question

我正在尝试使用第三方程序发出请求，但该请求不起作用，有人可以告诉我我做错了什么吗？根本就没有发送响应。我尝试按顺序对依赖项进行排序，将脚本放在表单的顶部，然后将代码放在表单的后面，但这只是没有通过控制台中的XHR进行调用。

控制器：

class UserController extends Controller
{
    public function index(Request $request)
    {
        $search = request('name');
        return User::where('name', 'LIKE', "$search%")
            ->take(5)
            ->pluck('name');
    }
}

路线：

Route::get('/api/users', 'Api\UserController@index');

脚本：

<script>
        $('#body').atwho({
            at: "@",
            delay: 500,
            callbacks: {
                remoteFilter: function (query, callback) {
                    //$.getJSON('/api/users', { name: query }, function (usernames) {
                    //    console.log('hey');
                    //    callback(usernames);
                    //});
                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/api/users',
                        type: 'GET',
                        dataType: 'json',
                        data: {
                            name: query,
                            _token: {{csrf_token()}}
                        },
                        success: function (usernames) {
                            callback(usernames);
                            console.log('hey');
                        },
                        error: function () {
                            console.log('error');
                        }
                    });
                }
            }
        });
    </script>

在这里很好用

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/jquery.atwho.css">
</head>
<body>
    <textarea type="" id="inputor"></textarea>

</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.js"></script>
<script src="/js/jquery.caret.js"></script>
<script src="/js/jquery.atwho.js"></script>
<script>
    $('#inputor').atwho({
        at:"@",
        data: ['Peter', 'Tom', 'Anne']
    });
</script>
</html>

Answer 1

您必须使用url这样的外观。

url: "{{url('')}}/api/users,
type: 'POST',

您的路线应放在route\api.php中。您的路线应该像这样

Route::post('/users',       'ApiController@index');

然后在ApiController中编写此代码

class ApiController extends Controller{

    public function index(Request $request){

        $search = request('name');

        return User::where('name', 'LIKE', "$search%")->take(5)->pluck('name');

    }
 }

Answer 2

我必须从app.blade.php文件中的app.js中删除“延迟”。

Ajax呼叫未呼叫服务器Laravel

2 个答案: