html显示json数据中某一条的数据,在HTML表中显示JSON数据

小编典典

尝试这个：

CSS：

.hidden{display:none;}

HTML：

City	Status

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 += "

"+data[i].city+""+data[i].cStatus+"";

}

}

if(txt != ""){

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

}

}

}

},

error: function(jqXHR, textStatus, errorThrown){

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

}

});

return false;//suppress natural form submission

});

2020-06-01