javascript - jQuery .click 事件在页面加载时运行

Question

我在一个外部文件中有这个 jQuery 脚本。我用它来更新数据库。我一直在练习它，但无法做到正确。我希望在单击我的按钮（标记为“添加”）时运行 .ajax 调用，但是每次刷新页面时都会更新数据库，而不是单击按钮时！有人可以解释为什么吗？提前致谢

$('#add').click(
    $.ajax({
        url: 'test.php',
        success: function() {
            alert("added");
        }
    })
);

更新：感谢@flo，我能够完美地完成这项工作。这是最终产品：

$(document).on('click','#add',function() {
    $.ajax({
        url: 'test.php',
        success: function() {
        alert("added");
        }
    })
});

Answer 1

我不是 100% 确定它，但我猜你是在触发点击并执行一些东西，而不是绑定这个事件！

我是说：

$('#add').click($.ajax...)

不应与以下内容相同：

$('#add').click(function (clickEvent) {
    // Update here !
    $.ajax...
});

但无论如何，你应该更喜欢：

$('#add').on('click', function (clickEvent) {
    // Update here !
    $.ajax...
});

甚至更好：

$(document).on('click', '#add', function (clickEvent) {
    // Update here !
    $.ajax...
});