重新封装通用ajax

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了重新封装通用ajax相关的知识,希望对你有一定的参考价值。

jQuery.billow = {
getAjax: function (opts, successfn, errorfn) {
//--设置默认参数
var defaults = {
// 访问方式:分为POST/GET方式,默认为GET;
method: ‘GET‘,
// 访问地址
url: ‘‘,
// 向服务器请求发送的数据
data: ‘‘,
// 默认加密,此处为自定义
// encrypt:true,
// 是否异步:true/false,默认值:true;
async: true,
// 是否缓存,默认缓存
cache: true,
// HTTP头信息,默认值:‘application/x-www-form-urlencodedcharset=utf-8‘;
// application/json
contentType: ‘application/x-www-form-urlencoded; charset=UTF-8‘,
// 接收服务器返回的数据类型:JSON、JSONP、text。默认json
dataType: ‘json‘
};
// 用户参数覆盖默认参数
for (var key in opts) {
defaults[key] = opts[key];
}
// 处理method
defaults.method = defaults.method.toUpperCase();
$.ajax({
type: defaults.method,
async: defaults.async,
dataType: defaults.dataType,
contentType:defaults.contentType,
cache: defaults.cache,
url: defaults.url,
data: defaults.data,
success: successfn,
error: errorfn
});
}
}

使用:
var ajax = $.billow.getAjax();

 var opts = {
         method:‘POST‘,
         url:‘‘,
         data:json
 }

 function sufn(data) {
    //服务器返回数据处理
 }

 ajax(opts,sufn)

以上是关于重新封装通用ajax的主要内容,如果未能解决你的问题,请参考以下文章

封装通用的 ajax, 基于 jQuery。

实现基于项目约定的 ajax 通用性封装

jQuery Ajax封装通用类

jQuery Ajax封装通用类 (linjq)

html 输入类型提交通常在单击时重新加载页面。此片段使输入不重新加载页面以便进行ajax调用

通用ajax请求方法封装,兼容主流浏览器