$.ajax() 方法中对data值进行封装。serializeJson() 可以是form表单,也可以是单个元素对象

前端之家收集整理的这篇文章主要介绍了$.ajax() 方法中对data值进行封装。serializeJson() 可以是form表单,也可以是单个元素对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


$.ajax() 方法中对data值进行封装。

serializeJson() 可以是form表单,也可以是单个元素对象

;(function($){  
	
	 $.fn.serializeJson=function(){  
	    var serializeObj={};  
	    var array=this.serializeArray();  
	    var str=this.serialize();  
	    $(array).each(function(){  
	        if(serializeObj[this.name]){  
	            if($.isArray(serializeObj[this.name])){  
	                serializeObj[this.name].push(this.value);  
	            }else{  
	                serializeObj[this.name]=[serializeObj[this.name],this.value];  
	            }  
	        }else{  
	            serializeObj[this.name]=this.value;   
	        }  
	    });  
	    return serializeObj;  
	};	
		
})(jQuery);  

var qdxUtil={
	ajaxJson : function(url,formId,callback){
		var jsonData={};
		if(formId){
			jsonData=$("#"+formId).serializeJson();
			console.log(jsonData);
		}
		$.ajax({
			url : url,type : "post",data : jsonData,cache : false,success : function(result) {
				if($.isFunction(callback)){
		 			callback(result);
		 		}
			},error : function(){
				alert("发生异常");
			}			
		});
	}	
};


使用例子
var checkForm=function(){
	
	var flag=$("#form1").valid();
	if(!flag){
		console.log("valid = "+flag);
		$(".subBtn").one("click",checkForm);
		return ;
	}
	qdxUtil.ajaxJson("${ctx}/user/realName.htm","form1",function(result){
		console.log(result);
		if (result && result.flag=="true") {
			toRedirect();
		} else{
			alert(result.ret_msg);
			$(".subBtn").one("click",checkForm);
		}
	});	
};
原文链接:https://www.f2er.com/ajax/161837.html

猜你在找的Ajax相关文章