jQuery-在X秒后停止执行ajax请求

Question

单击列表项时，会发出AJAX请求。但是，如果AJAX花费太长时间或只是挂起，我想在5秒后停止该功能，并将列表元素作为原始类，基本上取消请求并允许用户再次单击列表项以重试。

$('li.alt_li').click(function() {
     $(this).addClass('altclicked').find(".fa").toggleClass('fa-question fa-spinner fa-spin');
    var theid = $(this).attr('id');
    myFunction();
});

function myFunction() {
  $.ajax({
        type: 'GET',
        url: theURL,
        success: function (data) {
          // do some stuff
        }
});

我该怎么做？

Answer 1

希望这会对你有所帮助。

  $(document).ready(function()
   {
     var start_time = new Date().getTime();

     jQuery.get('url', 
     function(data, status, xhr) {
        var request_time = new Date().getTime() - start_time;

         if(request_time ==5000)
          {
            //your code goes here
          }

    }
);

});