Question

我有这个HTML和JS代码：

<form id="myForm">
<input type="text" name="option_a[]">
<input type="text" name="option_a[]">
<input type="text" name="option_a[]">
</form>

<script>
var data_form = $('#myForm').serializeArray();  
jQuery.each(data_form, function( i, val ) {
    console.log(i+" "+val);
});
</script>

控制台输出应如下所示：

option_a[]=1
option_a[]=2
option_a[]=3

但现在它正在向我展示：

object object
object object
object object

Answer 1

当你跑步时：

console.log(i+" "+val);

i和val的值将转换为字符串（通过调用.toString()）。通常，对于复杂的对象，结果输出不会特别有用。

相反，您可以直接将多个参数传递给console.log()，例如如：

console.log(i, ":", val);

这使控制台以更有用的方式显示参数;许多实现甚至可以让您单击输出以进行扩展并更详细地检查它。

Answer 2

运行后你的i是索引，val是值，所以你可以使用控制台

组合在一起

data_form[0]

我如何知道jQuery如何序列化单个对象？

2 个答案: