Laravel jquery ajaxはデータを正常に返します。どのように表示するか？

Question

jquery ajaxを使用したビューがあります。私は正常にビューに戻ってデータを返しました、私はどのように私のビューで新しいデータを表示するのですか？ここに私のコードは次のとおりです。

$(function() { 
     $("#slider-range-ratio").slider({ 
      range: false, 
      min: 0, 
      max: 100, 
      step: 1, 
      value: 50, 

      stop: function(event, ui) { 
       var formdata = $("#search_form").serialize(); 

       $.ajax({ 
        type: "POST", 
        url: "{{ url('search') }}", 
        headers: { 
         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
        }, 
        data: formdata, 
        cache: false, 
        success: function(sites){ 
         //console.log(sites); 
         $('#search_panel').html(sites); 
        } 
       }); 
      } 
     }); 
    }); 

そして、私のビュー：

{{ Form::open(['id' => 'search_form']) }} 
<div class="panel-body grey-background" id="search_panel"> 
        <input type="hidden" id="token" value="{{ csrf_token() }}"> 
         <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8"> 
          <!-- Start Search Results --> 
          @foreach($sites as $site) 
           @if($site->is_front_page == true) 
            <div class="panel panel-default"> 
             <div class="panel-body"> 

              <div class="row"> 
               <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 

                <div class="row"> 
                 <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"> 
                  <span class="small pull-left"> 
                   Rank: {{ $site->rank }} 
                  </span> 
                 </div> 
                 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"> 
                  <a href="{{ url('link/' . $site->url_name) }}"> 
                   <strong class="site-title text-primary pull-right"> 
                    {{ $site->display_name }} 
                   </strong> 
                  </a> 
                 </div> 
                </div> 
               </div> 
               </div> 
              </div> 
             </div> 
             @endif 
             @endforeach 
            </div> 
            </div> 

私の見解では、変数$サイトは、オブジェクトの配列を保持しています。コンソールをチェックすると、正しいサイトデータが返されます。ビューのforeachループにサイトデータを表示します。

Answer 1

あなたが入れなければならない最初の

とPHPで作成されたすべての要素のためのid：exmpleため

：IDを持つ

その後

<span class="small pull-left"> 
    Rank <span id="rank_{{$site->id}}"> {{ $site->rank }} </span> 
</span> 

ループトラフ要素= rank_1、rank_2、...、それらを埋めますあなたとjavaScript値：

$("span:regex(class, .*rank_.*)").each(function(item){ 
    item.html('your value') 
})