jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：

jQuery ajax原型：

 

  1. $.ajax({ 
  2.  
  3.    type: "POST", 
  4.  
  5.    url: ajaxCallUrl, 
  6.  
  7.    data: "Key=Value&Key2=Value2", 
  8.  
  9.    success: function(msg){alert(msg);} 
  10.  
  11.  }); 

 

jQuery ajax中使用serialize() 方法提交表单数据
Filed Under 学习札记 post by GoER / 2012-5-13 22:19 Sunday

      jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：

jQuery ajax原型：

1 $.ajax({
2    type: "POST",
3    url: ajaxCallUrl,
4    data: "Key=Value&Key2=Value2",
5    success: function(msg){alert(msg);}
6  });

ajax serialize():

 

  1. $.ajax({ 
  2.  
  3.          type: "POST", 
  4.  
  5.          url:ajaxCallUrl, 
  6.  
  7.          data:$('#formID').serialize(),// 要提交的表单 
  8.  
  9.          success: function(msg) {alert(msg);} 
  10.  
  11.      }); 

serialize()序列化表单实例：

 

 

  1. <script type="text/javascript" src="/demo/jquery/jquery-1.7.2.min.js" 
  2.  
  3. ></script> 
  4.  
  5. <script type="text/javascript"> 
  6. 04 
  7. $(document).ready(function(){ 
  8.  
  9.    $("#button").click(function(){ 
  10.  
  11.      alert($("#myForm").serialize()); 
  12.  
  13.    }); 
  14. }); 
  15.  
  16. </script> 
  17.  
  18. <form id="myForm"> 
  19.  
  20.     姓名 <input value="liming" name="Name" /><br /> 
  21.  
  22.     职位 <input value="CEO" name="position" /><br /> 
  23.  
  24.         <input id="button" value="序列化表单" type="button" /> 
  25.  
  26. </form>