Jquery 中 ajaxSubmit使用講解（轉）

1 ，引入依賴腳本

<script type="text/javascript" src="/js/jquery/jquery.form.js"></script>   //ajaxForm 依賴腳本

<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>

 

2 使用方法

<form name="testForm" id="testForm" >

<input type="button" value="submit"/>

</form>

<script type="text/javascript">

var ajax_option={

url:"login",//默認是form action

success:function(data){

}

$('#testForm').ajaxSubmit(ajax_option);

}

</script>

 

//注意$("#testForm")  引號中名稱必須要和form元素id值要保持一致

3 ajaxSubmit 和ajaxForm區別

ajaxForm不能提交表單。在document的ready函數中，使用ajaxForm來為AJAX提交表單進行准備。提交動作必須由submit開始 

ajaxSubmit 馬上由AJAX來提交表單。你可以在任何情況下進行該項提交。 

4

option的參數 
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    
   };