$.ajax({
type:'get',//使用get方法访问后台
dataType:'json',//访问json格式的数据
url:'http://job.hainan.net/api/recruitment_base_list.jsp',//要访问的后台地址
data:reqParam,//要发送的数据
beforeSend: function(XMLHttpRequest){
$(".icon-loading").css("display","block");
},
complete:function(XMLHttpRequest){
$(".icon-loading").css("display","none");
},
error:function(data){
console.log(data)
},
success:function(data){//data为返回的数据,在这里做数据绑定
//如果有要提取的数据,提取出来
$.each(data,function(index,item){
companyName = getRealLength(item.companyName,12);
positionName = getRealLength(item.positionName,10);
tplHTML += cardtpl.replace(/\$jobName/g,item.positionName)
.replace(/\$jobname/g,positionName)
.replace(/\$posId/g,item.id)
.replace(/\$salary/g,item.salaryDes)
.replace(/\$companyName/g,item.companyName)
.replace(/\$companyname/g,companyName)
.replace(/\$companyId/g,item.companyId)
.replace(/\$experience/g,item.workingAgeDes);
if((index+1)%10==0||index+1 == data.length){
$('.tabs-content>ul').append(tplHTML);
tplHTML="";
}
})
}
});

代码无错误,由于有一段返回数据没数据展示,查看了chrome浏览器控制台发现status=200,readystate=4,却调用的是error函数。通过排查是因为返回的json数据不严谨,包含了转义符号导致。和后端开发人员商量好了修改一下返回数据。数据更新之后再测试则没有发生同样错误。证明猜想正确。