Laravel добавляет данные в $ cList после успешного выполнения Ajax

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 на ваш контроллер асинхронно, поэтому в методе вашего контроллера вы просто возвращаете ответ json:

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

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

}

$data содержит материал, сохраненный в вашей базе данных, вы возвращаете эти данные в свое обещание ajax и получаете данные. Итак, в вашей функции успеха ajax вы должны сделать что-то вроде этого:

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

В вашем успехе вы теперь сохраняете сохраненные данные и нуждаетесь в том, чтобы добавить их в свой HTML.