javascript - 在没有页面刷新的情况下停止发送 ajax 请求

Question

我创建了 ajax 请求，该请求在按钮单击事件时将一些数据发送到 php 文件。现在提交数据后，我想限制 ajax 请求不要通过单击按钮一次又一次地发送数据。它仅在页面刷新时发送数据(意味着在页面加载时发送一次数据)。我怎样才能停止这样的请求。我的 ajax 代码如下:

$(".button").click(function (e) {
    e.preventDefault();
    $.ajax({
        type: 'post',
        cache: false,
        url: 'my/ajaxrequest.php',
        data: {
            result: 'hi test data'
        },
        success: function (resp) {
            $("#result").html(resp);
        }
    });
});

Answer 1

只需将 .click() 替换为 .one()

这将防止多次点击再次运行您的 $.ajax()。

$(".button").one('click', function(e) {
  e.preventDefault();
  $.ajax({ ... });
}

如果您只需要在页面加载时执行发布，您可以简单地将 $.ajax() 调用从点击处理程序移动到文档就绪函数中:

$(function() {
    $.ajax({
        type:  'post', 
        cache:  false ,
        url:  'my/ajaxrequest.php',
        data:  { result : 'hi test data' },
        success: function(resp) {
            $("#result").html(resp);
        } 
    });
});