爲什麼這個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