jQuery技术:如何在特定时间段内调用Ajax请求?

**我有一个棘手的问题,就是我想每小时拨打一次ajax电话。我不想在那个小时内发出第6个请求。但是在一个小时之后,我再次再次进行5次ajax呼叫一小时。我正在使用jquery我写的一些代码如下。有什么帮助吗? **

function getBubbles(){ $.ajax({ type : 'POST', url : '/PostData', data : data, success : function(response){ console.log(response); } }); } 

    使用setTimeOut();

     $.ajax({ url: "test.html", error: function(){ // will fire when timeout is reached }, success: function(){ //do something }, timeout: 12000// sets timeout to 12 seconds }); 

    这个想法怎么样?

    每隔1分钟使用间隔,然后1分钟超时以防止双重请求。

    每小时要求5次

     var startRequest = setInterval(getBubbles, 60000); // change this part for time of request interval var valid_minutes = [12, 24, 36, 48, 60]; // I divided 60minutes into 5 possible/valid time. function getBubbles() { var getMinutes = new Date().getMinutes(); var is_valid = $.inArray(getMinutes, valid_minutes); //following will return -1 (if not found) because a number is being searched in an array if (is_valid >= 0) { setTimeout(fucntion( // do your ajax functions here to execute $.ajax({ type: 'POST', url: '/PostData', data: data, success: function(response) { console.log(response); } }); ), 60000); //set timeout to 60 seconds to prevent multiple request (will used to past 1 minute interval) } } 

    使用名为queueRequest的函数将所有请求参数推送到队列并调用checkQueue。 checkQueue检查队列中是否有项目以及活动请求的数量是否小于5.如果满足这些条件,它会从队列中弹出一个请求并将其转换为真正的AJAX请求。 然后它将一个done处理程序附加到请求,减少活动请求计数并调用checkQueue。

    需要了解更多jQuery教程分享如何在特定时间段内调用Ajax请求?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

     var count = 0; // Number of functions being called var funcArray = []; // Array of functions waiting var MAX_REQUESTS = 5; // Max requests var CALL_WAIT = 100; // 100ms function call() { // Check if count doesn't exceeds or if there aren't any functions to call if(count >= MAX_REQUESTS || funcArray.length == 0) // Call call() after 100ms setTimeout(function() { call() }, CALL_WAIT); count++; // Add request to the counter var func = funcArray.pop(); $.ajax(..., function(data) { func(data); // ....... count--; // Substract request to the counter }); } $(function() { call(); // First call to start polling. It will call itself each 100ms }); $(function() { $("div.server").each(function() { funcArray.push(function(data) { alert(data); }); }); }); 

      以上就是jQuery教程分享如何在特定时间段内调用Ajax请求?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      www.ctvol.com true https://www.ctvol.com/jquerytutorial/981325.html Article jQuery技术:如何在特定时间段内调用Ajax请求?

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981325.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐