码迷,mamicode.com
首页 > Web开发 > 详细

JS/Jquery:jquery封装ajax请求。

时间:2014-09-20 18:13:19      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:style   io   os   java   ar   for   文件   sp   cti   


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请求。

标签:style   io   os   java   ar   for   文件   sp   cti   

原文地址:http://blog.csdn.net/lyc66666666666/article/details/39432461

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!