我从服务器获取以下
JSON字符串作为响应
@H_403_2@[{"city":"AMBALA","cStatus":"Y"},{"city":"ASANKHURD",{"city":"ASSANDH","cStatus":"Y"}]
这是我的Jquery代码
@H_403_2@$('#search').click(function() { alert("submit handler has fired"); $.ajax({ type: 'POST',url: 'cityResults.htm',data: $('#cityDetails').serialize(),success: function(data){ alert(data); },error: function(jqXHR,textStatus,errorThrown){ alert('error: ' + textStatus + ': ' + errorThrown); } }); return false;//suppress natural form submission });该警报正确显示JSON字符串.现在我想把这个响应映射到我的表
说
我怎样才能做到这一点 ？？
解决方法
尝试这个：
CSS：
@H_403_2@.hidden{display:none;}HTML：
@H_403_2@<table id="table" class="hidden"> <tr> <th>City</th> <th>Status</th> </tr> </table>JS：
@H_403_2@$('#search').click(function() { $.ajax({ type: 'POST',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"); } } } },errorThrown){ alert('error: ' + textStatus + ': ' + errorThrown); } }); return false;//suppress natural form submission });