javascript - 为什么 alert() 是空的？

Question

我有一个带有输入表单和按钮的 HTML：

<input id="nameField" type="text">
<input id="submitBtn" type="button" value="Submit">

和脚本：

$(function() {
    var name = $('#nameField').val();

    var data = {
        name: name
    }

    $('#submitBtn').click(function() {
        alert(data.name);
    });
});

在字段中输入文本并单击按钮。但是警报是空的，并且控制台中没有错误。

Answer 1

那是因为您data在文档准备好后立即初始化，早在用户输入文本之前。

你可以这样做：

$(function() {
    $('#submitBtn').click(function() {
       var name = $('#nameField').val();
       var data = {
          name: name
       };
       alert(data.name);
    });
});

Answer 2

$(function() {
$('#submitBtn').click(function() {
var name = $('#nameField').val();

var data = {
    name: name
}
    alert(data.name);

});

});

当他单击节点时，您需要该字段的当前值，而不是在页面加载时。您可以将“数据”对象声明为全局（window.data）变量，只需更改“单击”函数中的“名称”值。