小编asd*_*sda的帖子

防止来自ajax的多个请求

我有“加载更多”按钮,如果我点击它足够快,它会加载相同的内容两次,我想阻止它。

这就是我使用 ajax 调用更多加载的方式:

<script type="text/javascript">
  function loadmore() {
    var val = document.getElementById("result_no").value;
    var userval = document.getElementById("user_id").value;
    $.ajax({
      type: 'post',
      url: 'fetch.php',
      data: {
        getresult: val,
        getuserid: userval
      },
      context: this,
      success: function(response) {
        var content = document.getElementById("result_para");
        content.innerHTML = content.innerHTML + response;

        document.getElementById("result_no").value = Number(val) + 10;
      }
    });
  }

</script>

<div id="content">
  <div id="result_para">


  </div>
</div>

<input type="hidden" id="user_id" value="<?php echo $userid;?>">
<input type="hidden" id="result_no" value="15">
<input type="button" id="load" onclick="loadmore()" value="Load More Results">
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery

0
推荐指数
1
解决办法
5180
查看次数

标签 统计

ajax ×1

javascript ×1

jquery ×1

php ×1