Jquery Aajx异步提交系列

<script type="text/javascript" src="tempjs/jquery.js"></script>
	<script type="text/javascript" src="tempjs/dist/jquery.validate.min.js"></script>
	<script type="text/javascript" src="tempjs/localization/messages_zh.js"></script>
	<script type="text/javascript" src="tempjs/jquery.form.js"></script>

直接用ajax提交

参考资料：

下载地址： http://plugins.jquery.com/form/ 

头部引用：

方法1 通过ajax 提交queryString 

var queryString = $("#login").formSerialize();//alert(queryString);

获得之后直接用ajax提交queryString  能达到异步效果

方法1 直接用jquery.from插件异步提交

function ajaxFromSubmit()
	{
	//var queryString = $("#login").formSerialize();//alert(queryString);
	 var options = {    
     //  target:        '#output1',   // target element(s) to be updated with server response    
        beforeSubmit:  showRequest,  // pre-submit callback    
        success: showResponse, // post-submit callback    
       // other available options:    
       //url:       url ,        // override for form's 'action' attribute    
       //type:      type,        // 'get' or 'post', override for form's 'method' attribute    
       //dataType:  null ,       // 'xml', 'script', or 'json' (expected server response type)    
       clearForm: true ,       // clear all form fields after successful submit    
       resetForm: true ,     // reset the form after successful submit      
       // $.ajax options can be used here too, for example:    
       timeout:   3000    
   };   
     $('#login').ajaxSubmit(options);	
	}
	function showRequest(){return $("#login").valid();}
	function showResponse(){alert("ajaxSubmit successful");}
	function clearForm(){$('#login').clearForm();}
	function resetForm(){$('#login').resetForm();}

ajax 提交范例：

var aj = $.ajax( {    
    url:'',// 跳转到 action    
    data:{        },    
    type:'post',    
    cache:false,    
    dataType:'json',    
    success:function(data) {   
     },    
     error : function(msg) {    
     }    
});