如何在循环中将 json 数据显示为 HTML
How to show json data to HTML in a loop
我必须在下面的列表中向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 () {}
});
}
网页代码
<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);
});
编辑
如注释中所述,您应该在.each
之前添加一个$('.notifications_show').empty()
以清除目标div 中的当前结果。
只需使用 .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
替换所选元素的内容,并在所选元素中追加(最后)append
。
使用变量并将文本附加到其中,然后将其附加到.notifications_show
div
var text = '';
$.each(enquiryDet, function (i, item) {
text+=enquiryDet[i].name;
});
$('.notifications_show').html(text);
相关文章:
- 如何将json数据显示为html
- 解耦按钮(两个按钮同时切换),并根据数据显示相应的按钮
- 将json提要数据显示为html
- 使用Ajax Get方法将数据显示到特定元素中
- 如何将数据显示为线性highChart
- Json显示来自网站的数据显示仅未定义
- 使 ajax 请求和成功数据显示在 id <选择>选择>部分中
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 如何在循环中将 json 数据显示为 HTML
- 如何使用javascript在html中将firebase数据显示为列表
- PHP同时循环数组数据显示到javascript中
- 原始图像数据显示
- 如何在 y 轴上将数据显示为 KB、MB、GB、TB
- Ajax 数据显示在包含 10 行的表中
- 如何让 Mathjax.js 与 ANCII.js 将附加的 json 数据显示为正确的公式
- 调用 Worklight 适配器并将列表视图中的 JSON 数据显示为字符串
- Jquery/Javascript Datatables : 如何在行选择时将行数据显示到 html 文本字段中
- 双击 td 时,如何在警告框中将数据库中的数据显示为 html 表
- 日期之间的数据显示所有头
- 如何使用模板中的数据显示谷歌地图