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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/428672.html

猜你在找的jQuery相关文章