Laravel在ajax成功后将数据追加到$cList

Question

我不知道如何将新数据从控制器添加到html视图。

我的ajax帖子(它有效)：

   $.ajax({
    type: 'get',
    dataType: "json",
    url:getWizardSelectionUri,
    data: ....
    success:function(data){ 
        $('#bikeliste').empty()
         .....

下面是带有静态请求的html

 @foreach(App\Bike::all() as $cList)
    <li class="list-group-item">
        <table border="0" width="100%">
          <colgroup width="200" span="3"></colgroup>
            <td>   
                <a href="{{$cList->link}}" target="_blank">

                    <img src="{{$cList->bildlink}}" height="150" width= "auto"> 
                </a>
                <br>
            </td>
            <td>
                <h5>
                    <a href="{{$cList->link}}" target="_blank">
                        <strong>{{$cList->hersteller}} </strong>
                        {{$cList->modell}} 
                        {{$cList->modelljahr}} 
                        <br>

                    </a>
                </h5>
            </td>
            <td>
                @if ($cList->gewicht)
                    <strong>Gewicht: </strong> {{$cList->gewicht}}<br>
                @endif
                @if ($cList->laufraddurchmesser)
                    <strong>Radgröße: </strong>{{$cList->laufraddurchmesser}}<br>
                @endif


            </td>
        </table>
        <br>
    </li>
@endforeach

是否有可能在不重新加载页面的情况下更改数据？

Answer 1

您正在将数据从ajax异步发送到Controller，因此在controller方法中，您只需返回一个json响应：

public function store(Request $request) {
    ... your store function

    if($store) {
        return response()->json([
            'data' => $data
        ]);
    }
    return response()->json([
        'data' => $data
    ]);

}

$data包含您保存在数据库中的内容，您可以将这些数据返回到ajax promise并获取数据。因此，在ajax成功函数中，您必须执行以下操作：

success:function(response){ 
    ...
    var data = response.data // holds the data
    yourhtml.append(data); // dissables this one ...

在您的成功，您现在持有保存的数据，并需要您的追加到您的html。