在HTML表中显示JSON数据

尝试这个：

CSS：

.hidden{display:none;}

HTML：

<table id="table" >    <tr>        <th>City</th>        <th>Status</th>    </tr></table>

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<len;i++){  if(data[i].city && data[i].cStatus){      txt += "<tr><td>"+data[i].city+"</td><td>"+data[i].cStatus+"</td></tr>";  }         }         if(txt != ""){  $("#table").append(txt).removeClass("hidden");         }     } }        },        error: function(jqXHR, textStatus, errorThrown){ alert('error: ' + textStatus + ': ' + errorThrown);        }    });    return false;//suppress natural form submission});