serializearray()的具体使用

Posted oyw911

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了serializearray()的具体使用相关的知识,希望对你有一定的参考价值。

serializeArray() 方法序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据。

注意:此方法返回的是 JSON 对象而非 JSON 字符串。需要使用插件或者第三方库进行字符串化操作。

返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 value 不为空的话)。举例来说:

[ 
  {name: ‘firstname‘, value: ‘Hello‘}, 
  {name: ‘lastname‘, value: ‘World‘},
  {name: ‘alias‘}, // 值为空
]

该方法可以对已选择单独表单元素的对象进行操作,比如 <input>, <textarea>, 和 <select>。不过,更方便的方法是,直接选择 <form> 标签自身来进行序列化操作。
$("form").submit(function() {
  console.log($(this).serializeArray());
  return false;
});
上面的代码产生下面的数据结构(假设浏览器支持 console.log):
[
  {
    name: a
    value: 1
  },
  {
    name: b
    value: 2
  },
  {
    name: c
    value: 3
  },
  {
    name: d
    value: 4
  },
  {
    name: e
    value: 5
  }
]



以上是关于serializearray()的具体使用的主要内容,如果未能解决你的问题,请参考以下文章

[JQuery]jQuery中serializeArray方法的使用及对象与字符串的转换

jQuery serializeArray 没有获取动态创建的表单元素

关于serialize() FormData serializeArray()表单序列化

jQuery 之 serialize() serializeArray()

webstorm代码片段的创建

使用 .serializeArray 从所有选中的复选框中获取值