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

Question

我在外部文件中有这个 jQuery 脚本。我用它来更新数据库。我一直在练习它，但做不对。我希望在单击我的按钮(标有 ID“添加”)时运行 .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% 确定，但我猜你是用一些要执行的东西来触发点击，而不是绑定(bind)这个事件!

我的意思是:

$('#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...
});