blocks|key|826691|text|function+doPoll(){
++++$.post('ajax/test.html',+function(data)+{
++++++++alert(data);++//+process+results+here
++++++++setTimeout(doPoll,5000);
++++});
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|826692|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function doPoll(){
 $.post('ajax/test.html', function(data) {
 alert(data); // process results here
 setTimeout(doPoll,5000);
 });
}
</code></pre>

blocks|key|611982|text|这是一个使用jQuery的(archive.org镜像)+helpful+article+on+long+polling+(长时间持有的HTTP请求)。从本文派生的代码片段：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|611983|(function+poll()+{
++++setTimeout(function()+{
++++++++$.ajax({
++++++++++++url:+"/server/api/function",
++++++++++++type:+"GET",
++++++++++++success:+function(data)+{
++++++++++++++++console.log("polling");
++++++++++++},
++++++++++++dataType:+"json",
++++++++++++complete:+poll,
++++++++++++timeout:+2000
++++++++})
++++},+5000);
})();|code-block|syntax|javascript|611984|这将仅在ajax请求完成后发出下一个请求。|611985|上面的一个变体，它将在第一次调用它时立即执行，然后遵守等待/超时间隔。|611986|(function+poll()+{
++++$.ajax({
++++++++url:+"/server/api/function",
++++++++type:+"GET",
++++++++success:+function(data)+{
++++++++++++console.log("polling");
++++++++},
++++++++dataType:+"json",
++++++++complete:+setTimeout(function()+{poll()},+5000),
++++++++timeout:+2000
++++})
})();|611987|entityMap|0|LINK|mutability|MUTABLE|url|http://web.archive.org/web/20190909045421/https://techoctave.com/c7/posts/60-simple-long-polling-example-with-javascript-and-jquery^0|T|V|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|13|8|@]|9|@]|C|$G|H]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

Here's a (archive.org mirror of a) <a href="http://web.archive.org/web/20190909045421/https://techoctave.com/c7/posts/60-simple-long-polling-example-with-javascript-and-jquery" rel="nofollow noreferrer">helpful article on long polling</a> (long-held HTTP request) using jQuery. A code snippet derived from this article:
<pre><code>(function poll() {
 setTimeout(function() {
 $.ajax({
 url: &quot;/server/api/function&quot;,
 type: &quot;GET&quot;,
 success: function(data) {
 console.log(&quot;polling&quot;);
 },
 dataType: &quot;json&quot;,
 complete: poll,
 timeout: 2000
 })
 }, 5000);
})();
</code></pre>
This will make the next request only after the ajax request has completed.
A variation on the above that will execute immediately the first time it is called before honouring the wait/timeout interval.
<pre><code>(function poll() {
 $.ajax({
 url: &quot;/server/api/function&quot;,
 type: &quot;GET&quot;,
 success: function(data) {
 console.log(&quot;polling&quot;);
 },
 dataType: &quot;json&quot;,
 complete: setTimeout(function() {poll()}, 5000),
 timeout: 2000
 })
})();
</code></pre>

blocks|key|826712|text|function+poll(){
++++$("ajax.php",+function(data){
++++++++//do+stuff++
++++});+
}

setInterval(function(){+poll();+},+5000);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|826713|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function poll(){
 $("ajax.php", function(data){
 //do stuff 
 }); 
}

setInterval(function(){ poll(); }, 5000);
</code></pre>

blocks|key|826739|text|function+make_call()
{
++//+do+the+request

++setTimeout(function(){+
++++make_call();
++},+5000);
}

$(document).ready(function()+{
++make_call();
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|826740|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function make_call()
{
 // do the request

 setTimeout(function(){ 
 make_call();
 }, 5000);
}

$(document).ready(function() {
 make_call();
});
</code></pre>

blocks|key|612001|text|(function+poll()+{
++++setTimeout(function()+{
++++++++//
++++++++var+search+=+{}
++++++++search["ssn"]+=+"831-33-6049";
++++++++search["first"]+=+"Harve";
++++++++search["last"]+=+"Veum";
++++++++search["gender"]+=+"M";
++++++++search["street"]+=+"5017+Ottis+Tunnel+Apt.+176";
++++++++search["city"]+=+"Shamrock";
++++++++search["state"]+=+"OK";
++++++++search["zip"]+=+"74068";
++++++++search["lat"]+=+"35.9124";
++++++++search["long"]+=+"-96.578";
++++++++search["city_pop"]+=+"111";
++++++++search["job"]+=+"Higher+education+careers+adviser";
++++++++search["dob"]+=+"1995-08-14";
++++++++search["acct_num"]+=+"11220423";
++++++++search["profile"]+=+"millenials.json";
++++++++search["transnum"]+=+"9999999";
++++++++search["transdate"]+=+$("#datepicker").val();
++++++++search["category"]+=+$("#category").val();
++++++++search["amt"]+=+$("#amt").val();
++++++++search["row_key"]+=+"831-33-6049_9999999";



++++++++$.ajax({
++++++++++++type+:+"POST",
++++++++++++headers+:+{
++++++++++++++++contentType+:+"application/json"
++++++++++++},
++++++++++++contentType+:+"application/json",
++++++++++++url+:+"/stream_more",
++++++++++++data+:+JSON.stringify(search),
++++++++++++dataType+:+'json',
++++++++++++complete+:+poll,
++++++++++++cache+:+false,
++++++++++++timeout+:+600000,
++++++++++++success+:+function(data)+{
++++++++++++++++//
++++++++++++++++//alert('jax')
++++++++++++++++console.log("SUCCESS+:+",+data);
++++++++++++++++//$("#btn-search").prop("disabled",+false);
++++++++++++++++//+$('#feedback').html("");
++++++++++++++++for+(var+i+=+0;+i+<+data.length;+i%2B%2B)+{
++++++++++++++++++++//
++++++++++++++++++++$('#feedback').prepend(
++++++++++++++++++++++++++++'<tr><td>'+%2B+data[i].ssn+%2B+'</td><td>'
++++++++++++++++++++++++++++++++++++%2B+data[i].transdate+%2B+'</td><td>'
++++++++++++++++++++++++++++++++++++%2B+data[i].category+%2B+'</td><td>'
++++++++++++++++++++++++++++++++++++%2B+data[i].amt+%2B+'</td><td>'
++++++++++++++++++++++++++++++++++++%2B+data[i].purch_prob+%2B+'</td><td>'
++++++++++++++++++++++++++++++++++++%2B+data[i].offer+%2B+'</td></tr>').html();
++++++++++++++++}

++++++++++++},
++++++++++++error+:+function(e)+{
++++++++++++++++//alert("error"+%2B+e);

++++++++++++++++var+json+=+"<h4>Ajax+Response</h4><pre>"+%2B+e.responseText
++++++++++++++++++++++++%2B+"</pre>";
++++++++++++++++$('#feedback').html(json);

++++++++++++++++console.log("ERROR+:+",+e);
++++++++++++++++$("#btn-search").prop("disabled",+false);

++++++++++++}
++++++++});

++++},+3000);
})();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|612002|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>(function poll() {
 setTimeout(function() {
 //
 var search = {}
 search["ssn"] = "831-33-6049";
 search["first"] = "Harve";
 search["last"] = "Veum";
 search["gender"] = "M";
 search["street"] = "5017 Ottis Tunnel Apt. 176";
 search["city"] = "Shamrock";
 search["state"] = "OK";
 search["zip"] = "74068";
 search["lat"] = "35.9124";
 search["long"] = "-96.578";
 search["city_pop"] = "111";
 search["job"] = "Higher education careers adviser";
 search["dob"] = "1995-08-14";
 search["acct_num"] = "11220423";
 search["profile"] = "millenials.json";
 search["transnum"] = "9999999";
 search["transdate"] = $("#datepicker").val();
 search["category"] = $("#category").val();
 search["amt"] = $("#amt").val();
 search["row_key"] = "831-33-6049_9999999";



 $.ajax({
 type : "POST",
 headers : {
 contentType : "application/json"
 },
 contentType : "application/json",
 url : "/stream_more",
 data : JSON.stringify(search),
 dataType : 'json',
 complete : poll,
 cache : false,
 timeout : 600000,
 success : function(data) {
 //
 //alert('jax')
 console.log("SUCCESS : ", data);
 //$("#btn-search").prop("disabled", false);
 // $('#feedback').html("");
 for (var i = 0; i &lt; data.length; i++) {
 //
 $('#feedback').prepend(
 '&lt;tr&gt;&lt;td&gt;' + data[i].ssn + '&lt;/td&gt;&lt;td&gt;'
 + data[i].transdate + '&lt;/td&gt;&lt;td&gt;'
 + data[i].category + '&lt;/td&gt;&lt;td&gt;'
 + data[i].amt + '&lt;/td&gt;&lt;td&gt;'
 + data[i].purch_prob + '&lt;/td&gt;&lt;td&gt;'
 + data[i].offer + '&lt;/td&gt;&lt;/tr&gt;').html();
 }

 },
 error : function(e) {
 //alert("error" + e);

 var json = "&lt;h4&gt;Ajax Response&lt;/h4&gt;&lt;pre&gt;" + e.responseText
 + "&lt;/pre&gt;";
 $('#feedback').html(json);

 console.log("ERROR : ", e);
 $("#btn-search").prop("disabled", false);

 }
 });

 }, 3000);
})();
</code></pre>

blocks|key|827048|text|我为此创建了一个小型JQuery插件。你可以尝试一下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|827049|$.poll('http://my/url',+100,+(xhr,+status,+data)+=>+{
++++return+data.hello+===+'world';
})|code-block|syntax|javascript|827050|https://www.npmjs.com/package/jquerypoll|offset|length|827051|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|14|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

I created a tiny JQuery plugin for this. You may try it:

<pre><code>$.poll('http://my/url', 100, (xhr, status, data) =&gt; {
 return data.hello === 'world';
})
</code></pre>

<a href="https://www.npmjs.com/package/jquerypoll" rel="nofollow noreferrer">https://www.npmjs.com/package/jquerypoll</a>

I'm learning jQuery, and I'm trying to find a simple code example that will poll an API for a condition. (ie, request a webpage every few seconds and process the results)

I'm familiar with how to do AJAX in jQuery, I just can't seem to find the "proper" way of getting it to execute on a "timer".

jQuery, simple polling example

jQuery

JSON

我正在学习jQuery，并试图找到一个简单的代码示例，它将轮询一个条件的API。(例如，每隔几秒钟请求一个网页并处理结果)我很熟悉如何在jQuery中使用AJAX，但我似乎找不到让它在“计时器”上执行的“适当”方法。

问jQuery，简单轮询示例
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery，简单轮询示例EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery，简单轮询示例
EN