1 $.ajax({ 2 type:'get',//使用get方法訪問后台 3 dataType:'json',//訪問json格式的數據 4 url:'http://job.hainan.net/api/recruitment_base_list.jsp',//要訪問的后台地址 5 data:reqParam,//要發送的數據 6 beforeSend: function(XMLHttpRequest){ 7 $(".icon-loading").css("display","block"); 8 }, 9 complete:function(XMLHttpRequest){ 10 $(".icon-loading").css("display","none"); 11 }, 12 error:function(data){ 13 console.log(data) 14 }, 15 success:function(data){//data為返回的數據,在這里做數據綁定 16 //如果有要提取的數據,提取出來 17 $.each(data,function(index,item){ 18 19 companyName = getRealLength(item.companyName,12); 20 positionName = getRealLength(item.positionName,10); 21 tplHTML += cardtpl.replace(/\$jobName/g,item.positionName) 22 .replace(/\$jobname/g,positionName) 23 .replace(/\$posId/g,item.id) 24 .replace(/\$salary/g,item.salaryDes) 25 .replace(/\$companyName/g,item.companyName) 26 .replace(/\$companyname/g,companyName) 27 .replace(/\$companyId/g,item.companyId) 28 .replace(/\$experience/g,item.workingAgeDes); 29 30 if((index+1)%10==0||index+1 == data.length){ 31 $('.tabs-content>ul').append(tplHTML); 32 tplHTML=""; 33 } 34 }) 35 } 36 });
代碼無錯誤,由於有一段返回數據沒數據展示,查看了chrome瀏覽器控制台發現status=200,readystate=4,卻調用的是error函數。通過排查是因為返回的json數據不嚴謹,包含了轉義符號導致。和后端開發人員商量好了修改一下返回數據。數據更新之后再測試則沒有發生同樣錯誤。證明猜想正確。