为了避免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请求的封装的更多相关文章

  1. 使用es6的then()方法封装jquery的ajax请求

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

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

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

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

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

  4. Struts2处理(jQuery)Ajax请求

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

  5. Servlet处理(jQuery)Ajax请求

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

  6. 学习AJAX必知必会(4)~JQuery发送Ajax请求

    一.JQuery发送Ajax请求 ■ 对于get和post请求,jQuery内部封装了Ajax请求的4个步骤和数据格式的设置 ■ 对于Ajax通用请求,jQuery内部封装了Ajax请求的4个步骤和数 ...

  7. jQuery发送ajax请求

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

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

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

  9. Angular和jQuery的ajax请求的差别

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

随机推荐

  1. Lua基础语法讲解

    Lua 是什么? Lua 是一种轻量小巧的脚本语言,用标准C语言编写并以源代码形式开放, 其设计目的是为了嵌入应用程序中,从而为应用程序提供灵活的扩展和定制功能. Lua 是巴西里约热内卢天主教大学( ...

  2. ajax传JSON时设置的contenttype导致JAVA中request.getParameter("")怎么也接收不到数据

    ajax传JSON时设置的contenttype默认值是application/x-www-form-urlencoded, 当ajax传JSON时设置的contenttype 如果是applicat ...

  3. java okhttp发送post请求

    java的httpclient和okhttp请求网络,构造一个基本的post get请求,都比py的requests步骤多很多,也比py的自带包urllib麻烦些. 先封装成get post工具类,工 ...

  4. RHEL5 yum更新源

    1.检查yum是否安装 rpm -qa |grep yum 2.利用CentOS的yum更新源来实现RHEL5的YUM功能 vi /etc/yum.repos.d/CentOS-Base.repo [ ...

  5. flexbox子盒子order属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. UnicodeEncodeError: ‘gbk’ codec can’t encode character u’\u200e’ in position 43: illegal multib

    [问题] 在执行代码时,提示上述错误,源码如下: # 下载小说... def download_stoy(crawl_list,header): # 创建文件流,将各个章节读入内存 with open ...

  7. 【转】使程序在Linux下后台运行 (关掉终端继续让程序运行的方法)

    一.为什么要使程序在后台执行 我们计算的程序都是周期很长的,通常要几个小时甚至一个星期.我们用的环境是用putty远程连接到日本Linux服务器.所以使程序在后台跑有以下三个好处: 1:我们这边是否关 ...

  8. X-WAF简单测试体验

    X-WAF 最近才关注到的一款云WAF,花了一些时间搭建了一个环境,并做了一些测试,感觉比较适合新手来练习WAF Bypass. X-WAF是一款适用中.小企业的云WAF系统,让中.小企业也可以非常方 ...

  9. Window关闭端口的方法(445/135/137/138/139/3389等)

    为防止漏洞被利用,需要采取必要措施,关闭以上端口,以保证系统更加安全. window2003 关闭135端口的方法 要关闭此端口,只需停止DCOM接口服务即达到目的.下面是详细操作过程. 1.打开“组 ...

  10. 使用 Splash

    Splash 简介与安装 Splash Lua 脚本 Splash 对象属性 Splash 对象方法 Splash API 调用 Splash 负载均衡