ajax提交表單

 1)將form表單數據序列化html

 

[html]  view plain  copy
 
 print?
  1. <span style="font-size:18px;">  $.ajax({  
  2.     type: "POST",  
  3.     url:your-url,  
  4.     data:$('#yourformid').serialize(),  
  5.     async: false,  
  6.     error: function(request) {  
  7.         alert("Connection error");  
  8.     },  
  9.     success: function(data) {  
  10.         //接收後臺返回的結果  
  11.     }  
  12.   });</span>  

   這種方式須要注意的是form表單中的項必定要有name屬性,後臺獲取的鍵值對爲key=name值,value=各項值,注意不管是input標籤仍是span或者是其餘標籤,必定要有name屬性,沒有name屬性後臺是獲取不到該項的ajax

 

 

   2)經過窗口查找form提交async

 

[html]  view plain  copy
 
 print?
  1. <span style="font-size:18px;">  // 提交表單  
  2.   var obj = document.getElementById("xx_iframe").contentWindow;  
  3.   obj.$("#yourform").form("submit",{  
  4.     success :function(data){  
  5.         //對結果處理  
  6.     }  
  7.   
  8.   });</span>  
相關文章
相關標籤/搜索