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