jquery中的ajax封装逻辑,jQuery里面ajax请求的封装

为了避免ajax漫天飞，我们需要对jQuery的代码进行封装，封装代码：

function api_request(name, params, cb, scope, async, el) {

if (async == null)

async = true;

console.log('调用接口:\n%s,\n参数列表:', REQUEST_URL+name, params);

$.ajax( {

url : REQUEST_URL+name,

async : async,

data : params,

type : 'POST',

dataType:'json',

cache : false,

timeout:70000,

success : function(data, textStatus) {

//alert(data.obj[0].id);

if (data.resultCode == 0001) {

window.location.href = 'common/index.jsp?' + $.param( {

to : window.location.href});

return;

}

if (data.resultCode != 0000 && data.resultCode != 0007) {

}

cb.call(scope || window, data, textStatus);

},

error:function(xhr){

alert("readyState: " + xhr.readyState + "\nstatus: " + xhr.status);

}

});

};

请求方式：

api_request('../../' + HB_SPECIAL_NUM_DEL, param, cb, null, true, null);

加载数据：

//加载数据

function cb(data, textStatus) {

if(data.status){

console.log(data.obj);

data.obj = JSON.parse(data.obj);

console.log(data.obj);

var content = data.obj.content;

if (content.length > 0) {

for (var i = 0; i < content.length; i++) {

h = "

";

/*h += '

';*/

h += "

" + content[i].tel + "";

h += "

" + (content[i].areaNo && content[i].areaNo != '-1'?content[i].areaNo:'') + "";

h += "

" + (content[i].rangeType==1?'区域':'业务') + "";

h += "

" + content[i].productId + "";

h += "

" + (content[i].createTime?common.longTimeFormat(content[i].createTime):'') + "";

h += "

" + (content[i].source?getSource(content[i].source):'') + "";

h += "

" + getMemo(content[i].memo) + "";

h += "

" + (content[i].nodeCode?content[i].nodeCode:'') + "";

h += "

" + (content[i].adminNamel?content[i].adminNamel:'') + "";

h += "

" +

"

"οnclick='del(\""+content[i].id+"\");'>" +

"" +

"" +

" 删除

" +

"

";

h += "

";

$html.append(h);

}

/*$("#roleListPage").pagination(data.total, {

callback: pageselectCallback,

prev_text: '

next_text: '下一页 >',

items_per_page: size,

num_display_entries: 6,

current_page: page,

num_edge_entries: 2

});*/

} else {

h = "

暂无数据";

$html.append(h);

}

}else{

h = "

"+data.desc+"";

$html.append(h);

}

}

使用es6的then&lpar;&rpar;方法封装jquery的ajax请求

使用场景: jsp页面中使用jquery的ajax请求比较频繁,以前vue框架的项目用过axios,所以就想着用then()封装一个公共请求的方法,这样每次请求就不用那么麻烦的写一大堆请求参数了. 示 ...

jQuery发送Ajax请求以及出现的问题

普通jQuery的Ajax请求代码如下: $.ajax({ type: 'POST', url: "http://xxx/yyy/zzz/sendVerifyCode", data ...

Sping MVC不使用任何注解处理(jQuery)Ajax请求(基于XML配置)

1. Spring Spring框架是一个轻量级的解决方案,是一个潜在的一站式商店,用于构建企业就绪的应用程序.Spring框架是一个Java平台,为开发Java应用程序提供全面的基础架构支持.Spr ...

Struts2处理(jQuery)Ajax请求

1. Ajax     Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)时一种创建交互式网页应用的网页开发技术,它并不是一项新的技术,其产生 ...

Servlet处理(jQuery)Ajax请求

1. jQuery     jQuery是一个JavaScript函数库,极大的简化了JavaScript编程,很容易学习.jQuery是目前最流行的开源js框架,并且提供了大量的扩展. 2. Aja ...

jQuery发送ajax请求

利用jquery发送ajax请求的几个模板代码. $.ajax({ async : false, type: 'POST', dataType : "json", url: &qu ...

JQuery发送ajax请求不能用数组作为参数

JQuery发送ajax请求不能用数组作为参数,否则会接收不到参数, 一.js代码如下: $('#delete-button').click(function(){        var select ...

Angular和jQuery的ajax请求的差别

近期项目中使用angular,结果发现后台没法获取參数,所以,略微研究了一下两者在发送ajax时的差别. 注意angular和jquery的ajax请求是不同的. 在jquery中,官方文档解释con ...

Jquery发送ajax请求以及datatype参数为text&sol;JSON方式

Jquery发送ajax请求以及datatype参数为text/JSON方式 1.方式一:datatype:'text' 2.方式二:datatype:'JSON' 3.使用gson-1.5.jar包 ...

随机推荐

CSS实现单行与多行文字省略(truncation)

在上一篇文章小div布局之卡片堆叠(card-stacking)中有多行文字溢出省略的效果,这篇文章就对这种效果(包括单行文字溢出省略)的实现做个简单的记录,以防自己忘记.具体来说,就是要实现这种文字 ...

ios NSNotificationCenter 收到通知后的执行线程

https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/Notifications/Articles/Thread ...

夺命雷公狗---TP商城----TP之配置环境---1

下载到tp3.2.3版本后架设到自己的wamp环境下,然后配置虚拟主机,完事后直接开工 环境下创建一个文件夹,然后里面存放这这两个文件即可开始新的旅途了 这里完了,下一步就开始配置index.php文 ...

数据结构-Hash表

实现: #ifndef SEPARATE_CHAINING_H #define SEPARATE_CHAINING_H #include #include

Android开发如何在4&period;0及以上系统中自定义TitleBar

本文将通过一个实例讲解怎么实现在4.0及以上系统版本中实现自定义TitleBar,这只是我自己找到的一种方法; xml布局文件 activity_main.xml

PHP学习系列(1)——字符串处理函数(3)

11.crc32() 函数计算一个字符串的 crc32 多项式.生成 string 参数的 32 位循环冗余校验码多项式.该函数可用于验证数据的完整性. 语法:crc32(string) 注意:由于 ...

tomcat部署war包时连接被重置&lpar;修改tomcat上传限制&rpar;

相对目录:apache-tomcat-7.0.67/webapps/manager/WEB-INF/web.xml 500M的计算:500*1024*1024

win7下Apache2&period;4安装、配置及服务自启动

为了测试微信平台接口,在电脑上安装的Apache服务器,把安装步骤记下来以后备用 第一篇文章,不好请见谅 Apache2.4.17下载地址:http://www.apachelounge.com/do ...

UVA 1584 字符串

VJ 该题 链接  https://vjudge.net/problem/UVA-1584 AC代码   字典序最小输出 #include #include