javascript – 停止发送ajax请求而不刷新页面

我创建了一个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);
        }
    });
});

最佳答案

只需将07c替换为.click()即可

这样可以防止多次点击再次运行$.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);
        } 
    });
});

原文地址：https://www.jb51.cc/jquery/428672.html