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 = "<tr>";
/*h += '<td class="center"><label class="pos-rel"><input type="radio" class="ace" name="id" value="' + content[i].id + '"><span class="lbl"></span></label></td>';*/
h += "<td>" + content[i].tel + "</td>";
h += "<td>" + (content[i].areaNo && content[i].areaNo != '-1'?content[i].areaNo:'') + "</td>";
h += "<td>" + (content[i].rangeType==1?'区域':'业务') + "</td>";
h += "<td>" + content[i].productId + "</td>";
h += "<td>" + (content[i].createTime?common.longTimeFormat(content[i].createTime):'') + "</td>";
h += "<td>" + (content[i].source?getSource(content[i].source):'') + "</td>";
h += "<td>" + getMemo(content[i].memo) + "</td>";
h += "<td>" + (content[i].nodeCode?content[i].nodeCode:'') + "</td>";
h += "<td>" + (content[i].adminNamel?content[i].adminNamel:'') + "</td>";
h += "<td ><div class='btn-group'>" +
"<a href='JavaScript:void(0);' style='color:#FFFFFF;' " +
"onclick='del(\""+content[i].id+"\");'>" +
"<button class='btn btn-xs btn-danger border-radius'>" +
"<i class='ace-icon fa fa-trash-o'>" +
" 删除</i></button></a>" +
"</div></td>";
h += "</tr>";
$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 = "<tr class='center'><td colspan='10'>暂无数据</td></tr>";
$html.append(h);
}
}else{
h = "<tr class='center'><td colspan='10'>"+data.desc+"</td></tr>";
$html.append(h);
}
}
jQuery里面ajax请求的封装的更多相关文章
- 使用es6的then()方法封装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 ...
- 学习AJAX必知必会(4)~JQuery发送Ajax请求
一.JQuery发送Ajax请求 ■ 对于get和post请求,jQuery内部封装了Ajax请求的4个步骤和数据格式的设置 ■ 对于Ajax通用请求,jQuery内部封装了Ajax请求的4个步骤和数 ...
- 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 ...
随机推荐
- 设计模式之初识IoC/DI(六)
本篇和大家一起学习IoC和DI即控制反转和依赖注入. 当然听上去这词语非常的专业,真不知道是怎么组出来的,看上去难归看上去难,但稍微理解一下也就这么回事了. 首先我们要明白IoC/DI干嘛用的,不然别 ...
- c++单例设计模式---17
原创博文,转载请标明出处--周学伟 http://www.cnblogs.com/zxouxuewei/ 全局变量在项目中是能不用就不用的,它是一个定时炸弹,是一个不安全隐患,特别是在多线程程序中, ...
- 5 -- Hibernate的基本用法 --4 9 其他常用的配置属性
Hibernate其他常用的配置属性: ⊙ hibernate.show_sql : 是否在控制台输出Hibernate持久化操作底层所使用的SQL语句.只能为true和false两个值. ⊙ hib ...
- 图解Python深拷贝和浅拷贝
Python中,对象的赋值,拷贝(深/浅拷贝)之间是有差异的,如果使用的时候不注意,就可能产生意外的结果. 下面本文就通过简单的例子介绍一下这些概念之间的差别. 对象赋值 直接看一段代码: will ...
- 【GIS】postgres(postgis) --》nodejs+express --》geojson --》leaflet
一.基本架构 1.数据存储层:PostgreSQL-9.2.13 + postgis_2_0_pg92 2.业务处理层:Nodejs + Express + PG驱动 3.前端展示层:Leaflet ...
- linux 下的爆破工具hydra
http://www.cnblogs.com/mchina/archive/2013/01/01/2840815.html 安装手册 http://www.aldeid.com/wiki/Thc-hy ...
- Splash images_enabled 属性
images_enabled属性用于设置加载页面时是否加载图片,如下,禁止之后,返回的页面截图就不会带有任何图片,加载速度也会快很多 function main(splash, args) splas ...
- S3C6410裸奔之旅——RVDS2.2编译、仿真、调试过程 LED流水灯---转的
S3C6410裸奔之旅——RVDS2.2编译.仿真.调试过程 LED流水灯 (2012-10-13 23:56:30) 转载▼ 标签: s3c6410裸奔 ok6410 rvds2.2 rvds2.2 ...
- 在recycler中写的布局不起作用
把 LinearLayout 改成 RelativeLayout ok了 创建的两种方式 1.LayoutInflater.from(parent.getContext()).inflate(R. ...
- C++ template —— 模板中的名称(三)
第9章 模板中的名称------------------------------------------------------------------------------------------ ...