我对纯粹使用 jquery 和 html 处理 json 有点新(曾经与 django/python 一起使用)
附加这样一个复杂的html块是最优雅/干净的方式吗?
$.getJSON(url,function(data){
$.each(data, function(i, object){
$("#campaign_table tbody").append(
'<tr class="toggle">' +
' <td>' + object.firstImpression + '</td>' +
' <td class="text-left">' + object.name + '</td>' +
' <td>' + object.impressions + '</td>' +
' <td>' + object.clicks + '</td>' +
' <td>' + object.clickRate + '</td>' +
' <td>' + object.sales + '</td>' +
' <td>' + object.salesRate + '</td>' +
'</tr>' +
'<tr class="tablesorter-childRow ">' +
' <td></td>' +
' <td class="text-left"> Non targeted </td>' +
' <td>' + object.nonTargeted.impressions + '</td>' +
' <td>' + object.nonTargeted.clicks + '</td>' +
' <td>' + object.nonTargeted.clickRate + '</td>' +
' <td>' + object.nonTargeted.sales + '</td>' +
' <td>' + object.nonTargeted.salesRate + '</td>' +
'</tr>' +
'<tr class="tablesorter-childRow ">' +
' <td></td>' +
' <td class="text-left"> Non targeted </td>' +
' <td>' + object.targeted.impressions + '</td>' +
' <td>' + object.targeted.clicks + '</td>' +
' <td>' + object.targeted.clickRate + '</td>' +
' <td>' + object.targeted.sales + '</td>' +
' <td>' + object.targeted.salesRate + '</td>' +
'</tr>'
);
});
});