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

时间:2013-04-19 22:22:12

标签: javascript jquery

我在外部文件中有这个jQuery脚本。我用它来更新数据库。我一直在练习它并且无法正确使用它。我希望在单击我的按钮(标有ID“add”)时运行.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");
        }
    })
});

1 个答案:

答案 0 :(得分:9)

我不是百分之百确定它,但我猜你是在用一些东西来执行,而不是绑定这个事件!

我的意思是:

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