Question

现在，我可以使用ajax从db检索数据并以模式显示它，但是我的问题是，如果它具有多个响应，则替换前一个。

模式

<div class="recipient_modal">
    <div class="apply_box">
        <div class="rec_close">
            <img src="../../assets/images/close.png" alt="close">
        </div>
        <div id="rec">  
            //display data here
        </div>
    </div>
</div>

ajax

$(document).on("click", "#viewList", function() {

    $.ajaxSetup({
        headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    var news = $(this).prop("value");
    $.ajax({
        type: "get",
        url : '{{url("admin/recipients")}}' + '/' + news,
        data: {newsID : news},
        success: function(store) {
            $.each(store, function(index, value){
                 $('#rec').text(value['name']);
            });
        },
        error: function() {
          $('.alert').html('Error occured. Please try again.');
        }
    });

});

如何在模态中以列表形式显示所有它们？该项将继续替换以前的值，因此，它始终显示一项，而不是显示2个或更多项。

Answer 1

执行此行时：

$('#rec').text(value['name']);

它将覆盖您先前放入div中的数据。尝试改用.append，它将在div的末尾添加新值：

$('#rec').append(value['name'] + '<br>');

如何以模式显示多个数据ajax响应

1 个答案: