Question

我正在尝试在Laravel项目中使用jQuery UI自动完成功能来在用户输入时显示一些建议。这是用户输入时触发的脚本：

$(".autocomplete").autocomplete({
source: function(request, response) {
    $.ajax({
        url: '/autocomplete',
        dataType: "json",
        data: {
            term : request.term,
            field : $(this.element).prop("id")
        },
        success: function(data) {
            console.log(data);
            response(data);
        },
        error: function(result, status, error) {
            console.log(result);
            console.log(status);
            console.log(error);
        }
    });
},
min_length: 0, });

这是我在web.php中的路线

Route::get('/autocomplete', 'SitesController@autocomplete');

最后是我的控制器，它从数据库中检索结果。

public function autocomplete(Request $request) {
    $term = \Request::get('term');
    $field = \Request::get('field');
    $sites = Site::where($field, 'ILIKE', '%'.$term.'%')
    ->distinct()
    ->get([$field]);

    $data = [];
    foreach($sites as $key => $site) {
        $data[] = $site->$field;
    }

    return \Response::json($data);
}

这目前不起作用，但是当我直接将以上代码添加到路由文件中时，它确实可以正常工作。

Route::get('/autocomplete', function()
{
    $term = \Request::get('term');
    $field = \Request::get('field');
    $sites = Site::where($field, 'ILIKE', '%'.$term.'%')
    ->distinct()
    ->get([$field]);

    $data = [];
    foreach($sites as $key => $site) {
        $data[] = $site->$field;
    }

    return \Response::json($data);
});

我的脚本正在返回HTML响应，这是我从控制台收到的错误：

SyntaxError: Unexpected token < in JSON at position 0
    at parse (<anonymous>)
    at ajaxConvert (VM258 app.js:18060)
    at done (VM258 app.js:18530)
    at XMLHttpRequest.<anonymous> (VM258 app.js:18832)

我看不到为什么我的脚本不返回JSON但返回HTML，而当我将脚本放入web.php文件时却返回HTML。

Answer 1

根据aynber的建议，仔细查看返回的HTML页面，当有人试图在没有权限的情况下尝试访问页面时，我意识到由于中间件而我抛出了一个错误页面。我的控制器当然首先要检查该中间件。我为自动完成功能做了一个例外，现在一切正常，尽管我觉得我没有很好的方式来处理中间件...

Answer 2

在app/Exceptions/Handler.php文件中，您可以执行以下操作

public function render($request, Exception $e)
{
    if ($request->wantsJson()) {
        $response = ... // put your response data here
        return response()->json($response);
    }
    ...
}

为什么我从jquery ajax调用中得到HTML响应

2 个答案: