jQuery ajax中使用serialize() 方法提交表单数据

最新推荐文章于 2022-02-13 20:31:40 发布

转载最新推荐文章于 2022-02-13 20:31:40 发布 · 760 阅读

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

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

jQuery ajax原型：

view source print ?

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

ajax serialize():

view source print ?

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

serialize()序列化表单实例：

view source print ?

 
   01<script type="text/javascript" src="/demo/jquery/jquery-1.7.2.min.js"
 
   02></script>
 
   03<script type="text/javascript">
 
   04$(document).ready(function(){
 
   05$("#button").click(function(){
 
   06alert($("#myForm").serialize());
 
   07});
 
   08});
 
   09</script>
 
   10<form id="myForm">
 
   11姓名 <input value="liming" name="Name" /><br />
 
   12职位 <input value="CEO" name="position" /><br />
 
   13<input id="button" value="序列化表单" type="button" /> 
 
   14</form>