jquery ajax 异步请求
最近在项目中开发了前端页面,写了个js类用于ajax请求,记录一下:
/**
* ajax post类
* @param url 请求地址
* @param data 请求的数据对象
* @callback_success 请求成功的回调函数
* @callback_fail 请求失败的回调函数
*/
function AjaxClient(url, data, callback_success, callback_fail){
this.url = url;
this.data = data;
this.__callback_success = callback_success;
this.__callback_fail = callback_fail;
/**
* 执行方法
* @param isCache: 是否缓存, true 缓存, false 不缓存
* @param type: 'POST', 'GET'
*/
this.execute = function(isCache, type){
$.ajax({
cache: isCache,
type: type,
url:this.url, //把表单数据发送到ajax.jsp
data:this.data, //要发送的是ajaxFrm表单中的数据
success: this._callback_success_common,
error: this._callback_fail_common
});
}
this.post = function(){
this.execute(false, 'POST');
}
/* 通用成功回调方法 */
this._callback_success_common = function(res){
if (this.__callback_success != undefined && this.__callback_success!=null)
this.__callback_success(res);
}
/* 通用失败回调方法 */
this._callback_fail_common = function(res){
if (this.__callback_fail != undefined && this.__callback_fail!=null)
this.__callback_fail(res);
}
}
/* 使用的时候就像下面 */
var ajaxclient = new AjaxClient('http://xxxxx/xxx/xxx', 'ss:ss', callback_success, null);
ajaxclient.post();
至于如何使用,代码注释比较详细,就不累述了