$.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数据不严谨,包含了转义符号导致。和后端开发人员商量好了修改一下返回数据。数据更新之后再测试则没有发生同样错误。证明猜想正确。

随机推荐

  1. MVC5+EF6 入门完整教程七

    本篇我们针对表格显示添加一些新功能. 前面我们已经讲解过表格显示数据了,现在我们添加三个常用功能: 对显示结果进行排序.过滤.分页. 文章提纲 理论基础/前置准备 详细步骤 总结 前置准备 – 应用之 ...

  2. Oracle PL/SQL

    PL/SQL 简介 PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言,是对 SQL 的扩展,它支持多种数据类型,如大对象和集合类型,可使用 ...

  3. C#微信公众号接口开发,灵活利用网页授权、带参数二维码、模板消息,提升用户体验之完成用户绑定个人微信及验证码获取

    一.前言 当下微信公众号几乎已经是每个公司必备的,但是大部分微信公众账号用户体验都欠佳,特别是涉及到用户绑定等,需要用户进行复杂的操作才可以和网站绑定,或者很多公司直接不绑定,而是每次都让用户填写账号 ...

  4. spark示例

    1)java(App.java) package com.ejiajie.bi.hello; import org.apache.spark.api.java.JavaSparkContext; im ...

  5. cp命令

    [root@www ~]# cp [-adfilprsu] 来源文件(source) 目标文件(destination) [root@www ~]# cp [options] source1 sour ...

  6. Delphi 中同类型方法的说明

    对象的方法能定义成静态(static).虚拟(virtual).动态(dynamic)或消息处理(message).请看下面 的例子: TFoo = class procedure IAmAStati ...

  7. 复利计算软件v3

    #include <windows.h> #include<stdio.h> #include<math.h> void count(){ int a,b; dou ...

  8. Pyunit测试框架

    一.概述 本系列主要解决的问题是“接口自动化测试”,选择的测试语言是 python 脚本语言.截至目前为止,python是公认的最好的用于自动化应用的语言之一 二.PyUnit测试框架 使用 pyth ...

  9. Bootstrap<基础一> CSS 概览

    HTML 5 文档类型(Doctype) Bootstrap 使用了一些 HTML5 元素和 CSS 属性.为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype). 因此,请在使用 B ...

  10. Flask源码学习—config配置管理

    自己用Flask做了一个博客(www.hbnnlove.sinaapp.com),之前苦于没有对源码解析的文档,只能自己硬着头皮看.现在我把我自己学习Flask源码的收获写出来,也希望能给后续要学习F ...