Как отобразить несколько данных ответа AJAX в модальном - PullRequest
Новая
       6

Как отобразить несколько данных ответа AJAX в модальном

0 голосов
/ 05 марта 2019

На данный момент я могу получить данные из БД с помощью ajax и отобразить их в модальном режиме, но моя проблема в том, что если у него есть несколько ответов, предыдущий заменяется.

Модальный 

<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 или более элементов, он всегда отображает один.

1 Ответ

0 голосов
/ 05 марта 2019

Когда вы выполняете эту строку: 

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

перезаписывает данные, которые вы ранее поместили в div.Попробуйте использовать .append вместо этого, что добавит новые значения в конец div: 

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