您好,欢迎访问一九零五行业门户网

jQuery序列化表单 serialize() serializeArray()

1、serialize()方法
描述:序列化表单内容为字符串,用于ajax请求。
格式:var data = $(form).serialize();
2.serializearray()方法
描述:序列化表单元素(类似'.serialize()'方法)返回json数据结构数据。
           注意,此方法返回的是json对象而非json字符串。需要使用插件或者3499910bf9dac5ae3c52d5ede7383485第三方库5db79b134e9f6b82c0b36e0489ee08ed进行字符串化操作。
格式:var jsondata = $(form).serializearray();
在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为$(form).serialize()或$(form).serializearray()。
demo
<form id="myform"> <table> <tr> <td>姓名:</td> <td> <input type="text" name="name" /> </td> </tr> <tr> <td>性别:</td> <td> <input type="radio" name="sex" value="1"> 男 <input type="radio" name="sex" value="0"> 女 </td> </tr> <tr> <td>年龄:</td> <td> <select name="age"> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> </select> </td> </tr> <tr> <td colspan="2"> <input type="button" id="ajaxbtn" value="提交" /> </td> </tr> </table> </form>
$(function() { $("#ajaxbtn").click(function() { var params1 = $("#myform").serialize(); var params2 = $("#myform").serializearray(); console.log(params1); //name=zhangsan&sex=1&age=20 console.log(params2); //[object, object, object] $.ajax( { type : "post", url : "registeraction.action", data : params1, success : function(msg) { alert("success: " + msg); } }); }) })
从下图中可以看出两种方法的不同
作者:itmyhome
出处:http://blog.csdn.net/itmyhome1990/article/details/41866265
以上就是jquery序列化表单 serialize() serializearray()的详细内容。
其它类似信息

推荐信息