Javascript 如何在循环中将json数据显示为HTML

我必须在下面的列表中向html页面显示一些json数据，这是我的jquery代码

var u_Name, u_Mobile, u_lat, u_lang, driver_ID;

function fetchEnquiry(driverid) {
    jQuery.ajax({
        url: baseurl + "fetchenquiry.php",
        data: 'driverid=' + driverid,
        type: "POST",
        success: function (response) {
            response = $.trim(response);
            if (response == "NO Enquiry") {
                console.log(response);
            } else {
                var enquiryDet = jQuery.parseJSON(response);

                jQuery(enquiryDet).each(function (index, element3) {
                    u_Name = element3.name;
                    u_Mobile = element3.mobile;
                    u_lat = element3.location_lat;
                    u_lang = element3.location_lang;
                    driver_ID = element3.driver_id;
                    $.each(enquiryDet, function (i, item) {
                        $('.notifications_show').html(enquiryDet[i].name);
                    });
                });
            }
        },
        error: function () {}
    });
}

HTML代码

 <div class="notifications_show">

            </div>

它只显示了最后一个结果

请帮忙

关于这一部分：

$.each(enquiryDet, function (i, item) {
      $('.notifications_show').html(enquiryDet[i].name);
});

您正在替换结果元素的完整html

您需要使用

.append（）

添加更多值，而不是替换当前值

像这样：

$.each(enquiryDet, function (i, item) {
      $('.notifications_show').append(enquiryDet[i].name);
});

---

编辑

如注释中所述，您应该在

之前添加
$（'.notifications_show'）.empty（）
。每个

都要清除目标分区中的当前结果。

关于此部分：

$.each(enquiryDet, function (i, item) {
      $('.notifications_show').html(enquiryDet[i].name);
});

您正在替换结果元素的完整html

您需要使用

.append（）

添加更多值，而不是替换当前值

像这样：

$.each(enquiryDet, function (i, item) {
      $('.notifications_show').append(enquiryDet[i].name);
});

---

编辑

---

如注释中所述，您应该在

之前添加一个
$（'.notifications_show'）.empty（）
。要清除目标分区中的当前结果，请使用.append而不是.html:

$.each(enquiryDet, function (i, item) {
      $('.notifications_show').append(enquiryDet[i].name);
});

只需使用.append而不是.html：

$.each(enquiryDet, function (i, item) {
      $('.notifications_show').append(enquiryDet[i].name);
});

更改此项：

$.each(enquiryDet, function (i, item) {
  $('.notifications_show').html(enquiryDet[i].name);
});

为此：

 $('.notifications_show').empty();//flush content before adding new content
  $.each(enquiryDet, function (i, item) {
   $('.notifications_show').append(enquiryDet[i].name);
 });

html
替换所选元素的内容，并在所选元素中追加内容
 改变这一点：

$.each(enquiryDet, function (i, item) {
  $('.notifications_show').html(enquiryDet[i].name);
});

为此：

 $('.notifications_show').empty();//flush content before adding new content
  $.each(enquiryDet, function (i, item) {
   $('.notifications_show').append(enquiryDet[i].name);
 });

html
替换所选元素的内容，并在所选元素中追加内容
 使用一个变量并将文本附加到该变量，然后将其附加到
.notifications\u show
div

var text = '';
 $.each(enquiryDet, function (i, item) {
                       text+=enquiryDet[i].name;
                    });
$('.notifications_show').html(text);

使用一个变量并将文本附加到该变量，然后将其附加到
.notifications\u show
div

var text = '';
 $.each(enquiryDet, function (i, item) {
                       text+=enquiryDet[i].name;
                    });
$('.notifications_show').html(text);

在
each（）
之前，请使用
empty（）
清除现有内容，然后在
each（）
之前使用
append（）
清除现有内容，然后使用
.append（）