Laravel ajax 运行但没有结果

Question

我正在做一个生活搜索，它应该带回结果，ajax 运行，它没有带来任何错误消息，而且我的 pace.js 表明它正在正确地执行 ajax 请求（栏填充到 100%）它只是没有给我带来任何结果。

阿贾克斯：

function search_data(search_value) {
    $.ajax({
        url: '/searching/' + search_value,
        type: 'post',
        success: function(data) {
            alert(data);
            $('#results').append('<div class="alert alert-success"><div>');
            $('#results').html(data);

        },
        error: function(data) { 
            $('#results').html(data.responseText); 
        },
        headers: {
        'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
    }       
    });
}

master.blade.php（导航内的搜索框）

<form action="/searching" method="get" autocomplete="off" class="navbar-form navbar-left">
    <div class="form-group">
        <input type="text" class="form-control" id="search_text" onkeyup="search_data(this.value, 'result');" placeholder="Search">
    </div>
        <div id="result">

        </div>
    </div>
</form>

路线：

Route::post('/searching/{search}', 'SearchController@search');

控制器：

  public function search($search_value) {
    $search_text = $search_value;
    if ($search_text==NULL) {
        $data= Business::all();
    } else {
        $data=Business::where('name','LIKE', '%'.$search_text.'%')->get();
        echo $data;
    }
    //$data = $data->toArray();
    return view('results')->with('results',$data)->render();
    }

//编辑

上面的代码给了我一个警报，所有的数据都是这样的：

[{"id":1,"name":"dasd","type":"3","email":"fsdf@fsdf.com","logo":null,"twitter_business":null,"facebook_business":null,"instagram_business":null,"image":null,"gallery_id":null,"user_id":1,"api_key":null,"created_at":"2017-06-15 11:02:32","updated_at":"2017-06-15 11:02:32"}]<table style="width:100%"> 
<tr> 
<td></td> 
<td>dasd</td> 
</tr> 
</table>

但不附加数据或做 .html

Answer 1

像这样从你的路由返回一个 json 响应：

$data = $data->toArray();

return response()->json(['data' => view('results')->with('results',$data)]);

你可能需要先渲染视图，最后调用 render()。

return response()->json(['data' => view('results')->with('results',$data)->render()]);

Answer 2

试试这个：

$form = $('#someid');// give this id to the form
$.ajax({
    type: $form.attr('method'),
    url: $form.attr('action'),
    data: $form.serialize(),
    success: function(data, status) {
        $('#results').html(data);
    },
    error: function(data, status) {   
        $('#results').html(data.responseText);
    }
});

Answer 3

试试这个

public function search($search_value) {
    $search_text = $search_value;
    if ($search_text==NULL) {
        $data= Business::all();
    } else {
        $data=Business::where('name','LIKE', '%'.$search_text.'%')->get();
    }

    return response()->json($data);
}

它将以 JSON 格式为您提供响应

而且您不需要手动将其转换为数组，因为 Laravel 已经自己完成了...

而且...如果您测试它，请告诉我...

编辑：您始终可以在 Chrome 或 Mozilla 开发人员工具（网络部分）中看到 ajax 响应