后台json数据显示在html表格,jquery – 在HTML表格中显示JSON数据

尝试这个：

CSS：

.hidden{display:none;}

HTML：

JS：

$('#search').click(function() {

$.ajax({

type: 'POST',

url: 'cityResults.htm',

data: $('#cityDetails').serialize(),

dataType:"json", //to parse string into JSON object,

success: function(data){

if(data){

var len = data.length;

var txt = "";

if(len > 0){

for(var i=0;i

if(data[i].city && data[i].cStatus){

txt += "

}

}

if(txt != ""){

$("#table").append(txt).removeClass("hidden");

}

}

}

},

error: function(jqXHR, textStatus, errorThrown){

alert('error: ' + textStatus + ': ' + errorThrown);

}

});

return false;//suppress natural form submission

});