Question

我有一个使用jquery ajax的视图。我已成功将数据返回到视图，如何在视图中显示新数据？这是我的代码：

users

我的观点：

$( 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);
                    }
                });
            }
        });
    } );

我视图中的$ sites变量包含一组对象。当我检查我的控制台时，返回正确的站点数据，我想在视图中的foreach循环中显示站点数据。

Answer 1

首先你应该为每个使用php生成的元素添加id：

例如：

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

然后循环使用id = rank_1，rank_2，...的元素并用javaScript值填充它们：

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

Laravel jquery ajax成功返回数据，如何在视图中显示？

1 个答案: