javascript - 防止ajax返回失败，频繁请求？

Question

我正在使用 ajax 来获取一些数据。问题是 ajax 请求来自悬停按钮，因此很容易发送垃圾邮件请求，从而可能导致失败错误 404 或错误 500。这是我的 ajax 代码:

$.ajax({
          url: location.origin+'/getcat',
          data : {
                   't': id
                 },
          success: function(){ alert("I'm handsome"); }
});

问题是如何防止这种垃圾邮件请求？

Answer 1

您可以使用setTimeout()来实现:

$(document).ready(function(){
var timer;
var delay = 1000;
    $("p").hover(function(){
        timer = setTimeout(function() {
        console.log("Requesting")
        $.ajax({
                  url: location.origin+'/getcat',
                  data : {
                           't': id
                         },
                  success: function(data){ 
                        alert('Im handsome'); 
                      }
                  });
        }, delay);
        }, function(){
        clearTimeout(timer);
        console.log("Canceled request")
    });
});