jq获取表单值内容并转换为json对象(方法serialize或serializeArray)

JQuery 1371 0 2022-10-20

jq获取表单值内容并转换为json对象(方法serialize或serializeArray)

两种方法可以获得表单值,

方法一:

$("form").serialize()

serialize() 方法通过序列化表单值创建 URL 编码文本字符串。

输出格式:name1=value1&name2=value2&name3=value3


方法二:

$("form").serializeArray();

serializeArray() 方法通过序列化表单值来创建对象(name 和 value)的数组。

输出格式:[{"name":"name1","value":"value1"},{"name":"name2","value":"value2"},{"name":"name3","value":"value3"}]


现在我们把方法二获取的值转换成json对象,代码:

var obj={}, fields=$('form').serializeArray();
$.each(fields, function(){ obj[this.name]=this.value; });
alert(JSON.stringify(obj));
//输出:{"name1":"value1","name2":"value2","name3":"value3"}

上一篇:jQuery的index()方法获取相应元素的索引值

下一篇:jquery.each()方法使用,包括each遍历元素、遍历对象、遍历数组

讨论数量:0

请先登录再发表讨论。 2024-04-20

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链