基于jQuery与PHP实现Ajax长轮询(LongPoll)_PHP教程-php教程-PHP中文網

首頁

後端開發

php教程

基于jQuery与PHP实现Ajax长轮询(LongPoll)_PHP教程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 20, 2016 am 10:56 AM

ajaxjqueryphp與以基於實現客服方式的端輪詢

传统的AJAX轮询方式，客服端以用户定义的时间间隔去服务器上查询最新的数据。种这种拉取数据的方式需要很短的时间间隔才能保证数据的精确度，但太短的时间间隔客服端会对服务器在短时间内发送出多个请求。

反转AJAX，就是所谓的长轮询或者COMET。服务器与客服端需要保持一条长时间的请求，它使得服务器在有数据时可以返回消息给客户端。

XHTML

<ol class="dp-xml">
<li class="alt"><span><span class="tag"><span class="tag-name">div</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"msg"</span><span class="tag">></span><span class="tag"></span><span class="tag-name">div</span><span class="tag">></span><span>     </span></span></span></li>
<li><span class="tag"><span class="tag-name">input</span><span> </span><span class="attribute">id</span><span>=</span><span class="attribute-value">"btn"</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"button"</span><span> </span><span class="attribute">value</span><span>=</span><span class="attribute-value">"测试"</span><span> </span><span class="tag">/></span><span>    </span></span></li>
</ol>

jQuery

这里使用AJAX请求data.php页面获得‘success’的值,请求的时间达到80秒。在这80秒中若没有从服务端返回‘success’则一直保持连接状态，直到有数据返回或‘success’的值为0才关闭连接。在关闭连接后在继续下一次的请求。

<ol class="dp-c">
<li class="alt"><span><span>$(</span><span class="keyword">function</span><span>(){   </span></span></li>
<li>
<span>    $(</span><span class="string">"#btn"</span><span>).bind(</span><span class="string">"click"</span><span>,{btn:$(</span><span class="string">"#btn"</span><span>)},</span><span class="keyword">function</span><span>(evdata){      </span>
</li>
<li class="alt"><span>         $.ajax({      </span></li>
<li>
<span>                type:</span><span class="string">"POST"</span><span>,      </span>
</li>
<li class="alt">
<span>                dataType:</span><span class="string">"json"</span><span>,      </span>
</li>
<li>
<span>                url:</span><span class="string">"data.php"</span><span>,      </span>
</li>
<li class="alt">
<span>                timeout:80000,     </span><span class="comment">//ajax请求超时时间80秒     </span><span> </span>
</li>
<li>
<span>                data:{time:</span><span class="string">"80"</span><span>}, </span><span class="comment">//40秒后无论结果服务器都返回数据     </span><span> </span>
</li>
<li class="alt">
<span>                success:</span><span class="keyword">function</span><span>(data,textStatus){      </span>
</li>
<li>
<span>                    </span><span class="comment">//从服务器得到数据，显示数据并继续查询     </span><span> </span>
</li>
<li class="alt">
<span>                    </span><span class="keyword">if</span><span>(data.success==</span><span class="string">"1"</span><span>){      </span>
</li>
<li>
<span>                     $(</span><span class="string">"#msg"</span><span>).append(</span><span class="string">"<br>[有数据]"</span><span>+data.text);      </span>
</li>
<li class="alt"><span>                     evdata.data.btn.click();      </span></li>
<li><span>                    }      </span></li>
<li class="alt">
<span>                 </span><span class="comment">//未从服务器得到数据，继续查询     </span><span> </span>
</li>
<li>
<span>                    </span><span class="keyword">if</span><span>(data.success==</span><span class="string">"0"</span><span>){      </span>
</li>
<li class="alt">
<span>                    $(</span><span class="string">"#msg"</span><span>).append(</span><span class="string">"<br>[无数据]"</span><span>);      </span>
</li>
<li><span>                    evdata.data.btn.click();      </span></li>
<li class="alt"><span>                    }      </span></li>
<li><span>                },      </span></li>
<li class="alt">
<span>             </span><span class="comment">//Ajax请求超时，继续查询     </span><span> </span>
</li>
<li>
<span>             error:</span><span class="keyword">function</span><span>(XMLHttpRequest,textStatus,errorThrown){      </span>
</li>
<li class="alt">
<span>                     </span><span class="keyword">if</span><span>(textStatus==</span><span class="string">"timeout"</span><span>){      </span>
</li>
<li>
<span>                         $(</span><span class="string">"#msg"</span><span>).append(</span><span class="string">"<br>[超时]"</span><span>);      </span>
</li>
<li class="alt"><span>                         evdata.data.btn.click();      </span></li>
<li><span>                     }      </span></li>
<li class="alt"><span>             }      </span></li>
<li><span>                      </span></li>
<li class="alt"><span>            });      </span></li>
<li><span>    });      </span></li>
<li class="alt"><span>          </span></li>
<li><span>});    </span></li>
</ol>

PHP

在这里是无限的循环，循环的结束条件就是获取到了返回结果返回Json数据。

并且接受$_POST['time']参数来限制循环的超时时间，避免资源的过度浪费。(浏览器关闭不会发消息给服务器，使用可能一直循环下去)

<ol class="dp-c">
<li class="alt"><span><span class="keyword">if</span><span>(</span><span class="func">empty</span><span class="keyword">empty</span><span>(</span><span class="vars">$_POST</span><span>[</span><span class="string">'time'</span><span>]))</span><span class="func">exit</span><span>();      </span></span></li>
<li>
<span>set_time_limit(0);</span><span class="comment">//无限请求超时时间     </span><span> </span>
</li>
<li class="alt">
<span class="vars">$i</span><span>=0;      </span>
</li>
<li>
<span class="keyword">while</span><span> (true){      </span>
</li>
<li class="alt">
<span>    </span><span class="comment">//sleep(1);     </span><span> </span>
</li>
<li>
<span>    usleep(500000);</span><span class="comment">//0.5秒     </span><span> </span>
</li>
<li class="alt">
<span>    </span><span class="vars">$i</span><span>++;      </span>
</li>
<li><span>          </span></li>
<li class="alt">
<span>    </span><span class="comment">//若得到数据则马上返回数据给客服端，并结束本次请求     </span><span> </span>
</li>
<li>
<span>    </span><span class="vars">$rand</span><span>=rand(1,999);      </span>
</li>
<li class="alt">
<span>    </span><span class="keyword">if</span><span>(</span><span class="vars">$rand</span><span></span>
</li>
<li>
<span>        </span><span class="vars">$arr</span><span>=</span><span class="keyword">array</span><span>(</span><span class="string">'success'</span><span>=></span><span class="string">"1"</span><span>,</span><span class="string">'name'</span><span>=></span><span class="string">'xiaocai'</span><span>,</span><span class="string">'text'</span><span>=></span><span class="vars">$rand</span><span>);      </span>
</li>
<li class="alt">
<span>        </span><span class="func">echo</span><span> json_encode(</span><span class="vars">$arr</span><span>);      </span>
</li>
<li>
<span>        </span><span class="func">exit</span><span>();      </span>
</li>
<li class="alt"><span>    }      </span></li>
<li><span>          </span></li>
<li class="alt">
<span>    </span><span class="comment">//服务器($_POST['time']*0.5)秒后告诉客服端无数据     </span><span> </span>
</li>
<li>
<span>    </span><span class="keyword">if</span><span>(</span><span class="vars">$i</span><span>==</span><span class="vars">$_POST</span><span>[</span><span class="string">'time'</span><span>]){      </span>
</li>
<li class="alt">
<span>        </span><span class="vars">$arr</span><span>=</span><span class="keyword">array</span><span>(</span><span class="string">'success'</span><span>=></span><span class="string">"0"</span><span>,</span><span class="string">'name'</span><span>=></span><span class="string">'xiaocai'</span><span>,</span><span class="string">'text'</span><span>=></span><span class="vars">$rand</span><span>);      </span>
</li>
<li>
<span>        </span><span class="func">echo</span><span> json_encode(</span><span class="vars">$arr</span><span>);      </span>
</li>
<li class="alt">
<span>        </span><span class="func">exit</span><span>();      </span>
</li>
<li><span>    }      </span></li>
<li class="alt"><span>}   </span></li>
</ol>

运行效果:在图中可以看到无数据的请求时间达到了40S，在40S的请求中若获得数据则请求关闭。

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

PHP與Python：了解差異Apr 11, 2025 am 12:15 AM

PHP和Python各有優勢，選擇應基於項目需求。 1.PHP適合web開發，語法簡單，執行效率高。 2.Python適用於數據科學和機器學習，語法簡潔，庫豐富。

php：死亡還是簡單地適應？Apr 11, 2025 am 12:13 AM

PHP不是在消亡，而是在不斷適應和進化。 1)PHP從1994年起經歷多次版本迭代，適應新技術趨勢。 2)目前廣泛應用於電子商務、內容管理系統等領域。 3)PHP8引入JIT編譯器等功能，提升性能和現代化。 4)使用OPcache和遵循PSR-12標準可優化性能和代碼質量。

PHP的未來：改編和創新Apr 11, 2025 am 12:01 AM

PHP的未來將通過適應新技術趨勢和引入創新特性來實現：1)適應云計算、容器化和微服務架構，支持Docker和Kubernetes；2)引入JIT編譯器和枚舉類型，提升性能和數據處理效率；3)持續優化性能和推廣最佳實踐。

您什麼時候使用特質與PHP中的抽像類或接口？Apr 10, 2025 am 09:39 AM

在PHP中，trait適用於需要方法復用但不適合使用繼承的情況。 1)trait允許在類中復用方法，避免多重繼承複雜性。 2)使用trait時需注意方法衝突，可通過insteadof和as關鍵字解決。 3)應避免過度使用trait，保持其單一職責，以優化性能和提高代碼可維護性。

什麼是依賴性注入容器（DIC），為什麼在PHP中使用一個？Apr 10, 2025 am 09:38 AM

依賴注入容器（DIC）是一種管理和提供對象依賴關係的工具，用於PHP項目中。 DIC的主要好處包括：1.解耦，使組件獨立，代碼易維護和測試；2.靈活性，易替換或修改依賴關係；3.可測試性，方便注入mock對象進行單元測試。

與常規PHP陣列相比，解釋SPL SplfixedArray及其性能特徵。Apr 10, 2025 am 09:37 AM

SplFixedArray在PHP中是一種固定大小的數組，適用於需要高性能和低內存使用量的場景。 1)它在創建時需指定大小，避免動態調整帶來的開銷。 2)基於C語言數組，直接操作內存，訪問速度快。 3)適合大規模數據處理和內存敏感環境，但需謹慎使用，因其大小固定。

PHP如何安全地上載文件？Apr 10, 2025 am 09:37 AM

PHP通過$\_FILES變量處理文件上傳，確保安全性的方法包括：1.檢查上傳錯誤，2.驗證文件類型和大小，3.防止文件覆蓋，4.移動文件到永久存儲位置。

什麼是無效的合併操作員（??）和無效分配運算符（?? =）？Apr 10, 2025 am 09:33 AM

JavaScript中處理空值可以使用NullCoalescingOperator(??)和NullCoalescingAssignmentOperator(??=)。 1.??返回第一個非null或非undefined的操作數。 2.??=將變量賦值為右操作數的值，但前提是該變量為null或undefined。這些操作符簡化了代碼邏輯，提高了可讀性和性能。

See all articles