Ajax调用在Javascript中的click（）中不起作用

Question

我正在尝试使用ajax和php动态更新我的页面。 ajax调用工作正常，直到我把它放在click（）函数中。 警报工作正常

$(document).ready(function(){
    $("#formbutton").click(function(){
        alert("test");
        $.ajax({
            url: 'url.php',
            type: 'GET',
            dataType: 'html',
            success: function (data) {
                $("#response").html(data);
            }
        });
    });
});

这在调试中工作正常：

$(document).ready(function(){
    alert("test");
    $.ajax({
        url: 'url.php',
        type: 'GET',
        dataType: 'html',
        success: function (data) {
            $("#response").html(data);
        }
    });
});

我究竟做错了什么？ 谢谢

Answer 1

FORM标签内的按钮是？

如果是这种情况，请考虑按钮的默认行为是提交表单，可能您没有看到AJAX响应，因为提交表单的默认事件处理程序在AJAX成功处理程序之前执行。

尝试：

• 如果您不需要，请删除FORM。

• 如果要保留表单，请使用“preventDefault”：

   $('#formbutton').click(function(evt) { evt.preventDefault(); /* ... */ }); 

• 如果使用button标记，还可以将类型更改为“按钮”： <button type="button"> ，这样可以确保浏览器不使用type=submit作为默认值。