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

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

jQuery ajax原型：

 

$.ajax({

   type: "POST",

   url: ajaxCallUrl,

   data: "Key=Value&Key2=Value2",

   success: function(msg){alert(msg);}

 });

 

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():   $.ajax({ type: "POST", url:ajaxCallUrl, data:$('#formID').serialize(),// 要提交的表单 success: function(msg) {alert(msg);} });

serialize()序列化表单实例：

 

 

<script type="text/javascript" src="/demo/jquery/jquery-1.7.2.min.js"

></script>

<script type="text/javascript">
04
$(document).ready(function(){

   $("#button").click(function(){

     alert($("#myForm").serialize());

   });
});

</script>

<form id="myForm">

    姓名 <input value="liming" name="Name" /><br />

    职位 <input value="CEO" name="position" /><br />

        <input id="button" value="序列化表单" type="button" />

</form>