jQuery的ajax封装函数

阐述：

在开发的时候，我们会频繁调ajax，但是jQuery又不能使用promise，不遵循ES6的标准。所以很烦。
只能靠自己封装一下ajax来解决下ajax频繁写的过程。也便于日后维护。

封装ajax为函数代码如下

这里主要是做了post的封装，想要用get的自己效仿post即可。

http-request.js

/*** @author <winner>* ajax post 提交* @param url 请求地址* @param param 添加固定参数额外的参数。对象方式* @param datat 为html，datat，callback* @param callback 成功回调函数* @param errorCallback 失败回调函数* @rerun*/
function httpRequestPost(url, param={}, datat, callback, errorCallback) {var pdata = {}pdata.AppType = "1";pdata.LoginKey = "9527";pdata.SystemID = "2";// 添加固定参数格外参数，合并为一个对象Object.assign(pdata,param)var json = JSON.stringify(pdata);$.ajax({type: "post",contentType: "application/json",url: url,data: json,dataType: datat,success: callback,error: errorCallback,})
}

使用函数

1、引用封装好的js

<script src="./js/http-request.js"></script>

2、使用封装好的函数调用接口

this.getUrl() 是接口请求地址，改成自己的即可。

var url = this.getUrl() + '/pi.User.getDevelopment.hf'
/*var data1 = {id: 123,name: 456
}*/
this.httpRequestPost(url, {}, 'json', function(res) {console.log("成功回调", res)
}, function(error) {console.log('错误回调', error)
})

jQuery的ajax封装函数源文件下载

jQuery的ajax封装函数相关推荐

java如何构造ajax回调参数,jQuery实现ajax回调函数带入参数的方法示例
本文实例讲述了jQuery实现ajax回调函数带入参数的方法.分享给大家供大家参考,具体如下: 不带参数的写法: function pass(htmlId,auditingFlag){ var url ...
类似ajax封装函数,JS 封装一个async式的AJAX函数
其实也没什么,就是用上ES7的异步函数,让ajax使用起来更方便.这个方便主要是体现在:无回调 & 无then链式 & 轻松收集异常. 大致分3步: 1.封装API类(这步不用异步函数 ...
jQuery 中ajax回调函数获得的数据格式问题
目的:在使用ajax做前.后台交互时,有时需将从controller返回的数据在jsp页面的表格展示出来:但是,如果数据格式不对,是无法展示的. 解决方法: 1.controller中返回一个List ...
jQuery的ajax钩子函数：ajaxStart（）、ajaxSend（）、ajaxSuccess（）、 ajaxError（）、ajaxComplete（）、ajaxStop（）
钩子函数介绍: 钩子函数是在ajax某一个阶段自动执行的函数: ajax的钩子函数是全局的ajax函数: 不是写在ajax内部,是挂在window身上去执行的: 钩子函数有:ajaxStart(). ...
Ajax的get/post两种请求方式及ajax封装函数
AJAX基本用法引言 Ajax是浏览器提供的一套方法,可以用来实现页面无刷新更新数据,提高用户体验.主要有GET和POST两种请求方式. 1. GET请求处理 GET请求会将数据放到URL后面 GE ...
Jquery基础 ajax error函数
老是去百度还是自己记下来吧 1 $.ajax({ 2 url: '/AJAX请求的URL', 3 success: function (data) { 4 alert(data); 5 }, 6 e ...
jquery中ajax中的参数,jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...
JQuery中Ajax的操作
转载自:http://blog.csdn.net/liujiahan629629/article/details/22229669 Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码 ...
jQuery版AJAX简易封装
开发过程中,AJAX的应用应该说非常频繁,当然,jQuery的AJAX函数已经非常好用,但是小编还是稍微整理下,方便不同需求下,可以简化输入参数,下面是实例代码: $(function(){/*** ...

jQuery的ajax封装函数

阐述：

封装ajax为函数代码如下

使用函数

jQuery的ajax封装函数相关推荐

最新文章

热门文章