jquery ajax异步请求

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();



至于如何使用,代码注释比较详细,就不累述了

猜你喜欢

转载自blog.csdn.net/Viogs/article/details/50768132