JS/Jquery：jquery封装ajax请求。

浏览数：39 / 时间：2015年06月09日

jquery提供了ajax请求，但这个写起来很繁琐，所以我在项目里对其进行了简单封装，为了用起来方便嘛~~~~~

以后每次都引入这个js文件就可以了；

下面是代码部分：

base.js

//ajax请求
var  ajaxRequest =  function () { 

};


ajaxRequest.prototype = {
		
		//初始化设置
		url : '',
		dataType : 'json',
		data:'',
		
		
		//初始化ajax参数
		setUp : function(){
			
			$.ajaxSetup({
				url : this.url,
				data : this.data,
				dataType : this.dataType,
				type : 'post',
				contentType : 'application/x-www-form-urlencoded; charset=UTF-8'
			});
		},
		
		
		//执行请求
		requst: function () {
			var req = $.ajax({
				
			});
			
			return req ;
		}

};

具体调用方式：

var params = {
		name:  name,
		nickname: nickname,
		password: password,
		email: email,
		status:status,
		level:level
	 };//创建json格式参数

var url = "xxxxx.xxxxx.action";

submit(url,params);

//表单提交
function submit(url,params){
	
	var ajaxReq = new ajaxRequest();
	ajaxReq.url = url;
	ajaxReq.dataType = "json";
	ajaxReq.data = params;
	
	ajaxReq.setUp();//初始化ajax
	
	var requst = ajaxReq.requst();
	 
	requst.done(function(result) {//回调
//		   console.log(typeof result);
//		  console.log(result );
		
	});
	
	requst.error(function(data){
		alert("网络异常!");
	});
	
}

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JS/Jquery：jquery封装ajax请求。