jquey 遍历json

来源：互联网发布：淘宝内部优惠券的软件编辑：程序博客网时间：2024/06/15 09:51

第一步：ajax请求后台数据，数据传递方式为：json

<script language="Javascript">$(document).ready(function(){   var json='{"platform":"2"}';   //执行异步请求    var url_ = 'http://202.103.124.70:8085/services/phoneDataInterface';var param = '{"data":'+json+',"serviceCode":"TTP_PHONE_Q_BRAND"}'; var contents=JSON.stringify(param);      alert(contents);$.ajax({    type:'post',         url:url_,    data:param,    dataType:"json",                 success:function(data){        //所有手机型号    $.each(data.result,function(id, rowData) {          //alert(id+":rowData.id="+rowData.id+",rowData.bandName="+rowData.bandName);       $("#cs").append("<li style=\"float:; margin-top:3px;margin-left:10px;background: url(images/qx.png) no-repeat;\"><a href=\"#\" class=\"\" onclick=\"aa(" + rowData.id + ");\">" + rowData.bandName + "</a></li>");       });       },   error:function(XmlHttpRequest,textStatus, errorThrown){       alert("删除失败"+XmlHttpRequest.responseText);       alert("相关信息"+XMLHttpRequest.readyState);       alert("相关信息1"+XMLHttpRequest.status);             alert("响应状态"+textStatus);       alert("异常信息"+errorThrown);   }   });

第二步：根据返回的结果data.result.开始执行json数组结果的遍历代码：

   //所有手机型号    $.each(data.result,function(id, rowData) {          //alert(id+":rowData.id="+rowData.id+",rowData.bandName="+rowData.bandName);       $("#cs").append("<li style=\"float:; margin-top:3px;margin-left:10px;background: url(images/qx.png) no-repeat;\"><a href=\"#\" class=\"\" onclick=\"aa(" + rowData.id + ");\">" + rowData.bandName + "</a></li>");       });

注意：这里面包含动态生成html标签。

效果展示：

0 0