为什么这个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> 

当我填充用户界面中的项目，警告说： “未定义” - 但我想通过序列化的阵列应该是一个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

这里您不需要serialize。

你需要的是得到它的名字是“用户名”输入的值：

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

Answer 3

.serialize（）用于编码一组表单元素作为提交字符串的。它不允许您将表单值作为对象进行访问。 Read more

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()); 
}); 

Try the demo here