jquey 遍历json-蒲公英云

jquey 遍历json

忘是亡心i 2023-10-16 19:38 112阅读 0赞

第一步：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=\"\" οnclick=\"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=\"\" οnclick=\"aa(" + rowData.id + ");\">" + rowData.bandName + "</a></li>");  
             });