700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jQuery serialize() serializeArray()方法实现表单序列化

jQuery serialize() serializeArray()方法实现表单序列化

时间:2022-02-13 18:37:50

相关推荐

jQuery serialize() serializeArray()方法实现表单序列化

serialize()

serialize()方法作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串。

与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串,用于ajax请求。通过使用serialize()方法,可以提交本页面的所有域,代码如下:

$("#send").click(function(){$.get("get1.jsp", $("#form1").serialize(), function(data, textStatus){$("#resText").html(data);});});

当单击“提交”按钮后,所有属于form1的表单元素都能提交到后台,即使在表单中再增加字段,脚本仍然能够使用,并且不需要做其他多余工作。

用字符串方式时,需要注意对字符编码(中文问题),如果不希望编码带来麻烦,可以使用serialize()方法,它会自动编码。

因为serialize()方法作用于JQuery对象,所以不光只有表单能使用它,其他选择器选取的元素也都能使用它,如以下JQuery代码:

$(":checkbox,:radio").serialize();

$.param()方法是serialize()方法的核心,用来对一个数组或对象按照key/value进行序列化。

比如将一个普通的对象序列化:

var obj = {a:1,b:2,c:3};var k = $.param(obj);alert(k); //输出a=1&b=2&c=3

serializeArray()

serializeArray()方法不是返回字符串,而是将DOM元素序列化后,返回JSON格式的数据。

jQuery代码如下:

var fields = $(":checkbox,:radio").serializeArray();console.log(fields); //用FireBug输出

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。