javascript - 为什么这个 JSON 变量未定义？

Question

我有以下代码。

JavaScript

<script>
function postUser() {
    var user = $('span input').serialize;
    alert(user.username);
}
</script>

HTML

<span>
  User name : <input type="text" name="username"><br />
  Password: <input type="password" name="password" /><br />
  First name: <input type="text" name="firstName" /><br />
  Last name: <input type="text" name="lastName" /><br />

  <button onclick="postUser()">Submit</button>
</span>

当我在 UI 中填充项目时，警报显示“未定义” - 但我认为通过序列化数组它应该是 JSON 对象？任何想法为什么用户名未定义？

Answer 1

你忘记了()为了调用这个函数。

var user = $('span input').serialize();

---

此外，.serialize()给你一个string结果，而不是一个对象。

也许你想要这个：

var username = $('span input[name=username]').val();

---

如果您想要一个引用所有值的对象，则需要创建它。

var vals = {};

$('span input').each(function() {
    vals[this.name] = this.value;
});

var name = vals.username;

Answer 2

你不需要在这里序列化。

您需要的是获取名称为 "username" 的输入的值：

alert($('input[name="username"]').val());

Answer 3

.serialize() 用于将一组表单元素编码为提交的字符串。它不允许您将表单值作为对象访问。阅读更多

HTML

<span>
  User name : <input type="text" name="username"><br />
  Password: <input type="password" name="password" /><br />
  First name: <input type="text" name="firstName" /><br />
  Last name: <input type="text" name="lastName" /><br />

  <button id="btn" onclick="postUser()">Submit</button>
</span>​

jQuery

$("#btn").click(function(){
   alert($('input[name="username"]').val());
 });

在此处尝试演示