javascript - 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默认。