Jquery 在html表中显示来自ajax调用的json响应

我从AJAX调用中得到以下JSON响应：

{"items":[{"name":"MP 201SPF_1C","productNo":"123","commerceItemQty":1,"price":"$350.00","leaseOrNot":"false"},{"name":"MP 201SPF_1C","productNo":"456","commerceItemQty":4,"price":"$1,400.00","leaseOrNot":"false"},{"name":"MP 201SPF_1C","productNo":"789","commerceItemQty":4,"price":"$1,400.00","leaseOrNot":"true"}]}

这是我的密码：

        $.getJSON(ajaxResponse, function (data) 
    { 
    var tr; 
    for (var i = 0; i < data.length; i++) 
    { 
    tr = $('<tr/>'); 
    tr.append("<td><h3>" + data[i].name + "</h3>""<p><strong>" + data[i].productNo + "</strong></p>""<div>" + data[i].leaseOrNot + "</div></td>"); 
    tr.append("<td>" + data[i].commerceItemQty + "</td>"); tr.append("<td>" + data[i].price + "</td>"); $('table').append(tr); 
    } 

});

$.getJSON（ajaxResponse，函数（数据）
{ 
var-tr；
对于（变量i=0；i“+data[i].productNo+”“+data[i].leaseorno+”）；
tr.append（“+data[i].commerceItemQty+”）；tr.append（“+data[i].price+”）；$（'table'）.append（tr）；
} 
});

我需要将上面的JSON数据附加到一个表中。我怎么做？请帮忙

var json={“items”：[{“name”：“MP201SPF_1C”，“productNo”：“123”，“commerceItemQty”：1，“price”：“$350.00”，“leaseorno”：“false”}，{“name”：“MP201SPF_1C”，“productNo”：“456”，“commerceItemQty”：4，“price”：“$1400.00”，“leaseorno”：“false”}，{“name”：“MP201SPF_1C”，“productNo”：“789”，“commerceItemQty”：4，“price”：“1400.00”，“leaseorno”：“true”}
var json={"items":[{"name":"MP201SPF_1C","productNo":"123","commerceItemQty":1,"price":"$350.00","leaseOrNot":"false"},{"name":"MP201SPF_1C","productNo":"456","commerceItemQty":4,"price":"$1,400.00","leaseOrNot":"false"},{"name":"MP201SPF_1C","productNo":"789","commerceItemQty":4,"price":"$1,400.00","leaseOrNot":"true"}]}


var table="<table><thead><tr><th>head1</th>.....</tr></thead><tbody>"
for(var i=0;i<json.items.length;i++){
   table+="<tr><td>"+json.items[i]["key name1"]+"</td>.........</tr>"
}
table+="</tbody></thead>";
document.getElementsByTagName("body")[0].innerHTML=table;










 $.getJSON(ajaxResponse, function (data) 
    { 
    var tr; 
    for (var i = 0; i < data.items.length; i++) 
    { 
    tr = $('<tr/>'); 
    tr.append("<td><h3>" + data.items[i].name + "</h3>""<p><strong>" + data[i].productNo + "</strong></p>""<div>" + data.items[i].leaseOrNot + "</div></td>"); 
    tr.append("<td>" + data.items[i].commerceItemQty + "</td>"); tr.append("<td>" + data.items[i].price + "</td>"); $('table').append(tr); 
    } 

});

var table=“head1…”
对于（var i=0；i您需要迭代items对象，因为数组是insde items对象：

$.each(json.items,function(index,item){
console.log(item);
tr = $('<tr/>'); 
    tr.append("<td><h3>" + item.name + "</h3><p><strong>" + item.productNo + "</strong></p><div>" + item.leaseOrNot + "</div></td>"); 
    tr.append("<td>" + item.commerceItemQty + "</td>"); tr.append("<td>" +item.price + "</td>"); $('table').append(tr); 

})

$.each（json.items，函数（索引，项）{
控制台日志（项目）；
tr=$（''）；
tr.append（“+item.name+”“+item.productNo+”“+item.leaseorno+”）；
tr.append（“+item.commerceItemQty+”）；tr.append（“+item.price+”）；$（“table”）.append（tr）；
})

向您展示ajax调用代码您累了什么？$.getJSON（ajaxResponse，函数（数据）{var tr；for（var i=0；i“+data[i].productNo+”
“+data[i].leaseorno+”；tr.append（“）+data[i].commerceItemQty+”）；tr.append（“+data[i].price+”）；$（'table'）.append（tr）；}}}）；在循环中变异DOM是个坏主意。它是一个对象数组@yurytarabankoan？您可以在内存中构建整个html字符串并在最后追加它。