ホームページ  >  記事  >  バックエンド開発  >  Ajax は部分的なページ更新、つまりメッセージ更新を実装します。

Ajax は部分的なページ更新、つまりメッセージ更新を実装します。

little bottle
little bottle転載
2019-04-22 11:26:583190ブラウズ

最近、掲示板にメッセージが常に更新されることに興味を持った友人がいますが、その実装原理は何ですか?一般に、メッセージの送信とは、通常の ajax を介してサーバーにデータを送信することを意味しますが、リアルタイムでのメッセージの表示にはポーリングが必要です。この記事では主に ajax を使用してメッセージ ステータスを更新する方法について説明しますが、一定の参考値があるので、興味のある方はぜひ学習してください。

ポーリングとは: タイマーを使用して、クライアントからサーバーへのリクエストを一定の間隔で開始します。

ケース コード デモ:

<script>//每间隔2秒向服务器发起请求setInterval(function(){    var xhr = new XMLHttpRequest();
    xhr.open(&#39;get&#39;,&#39;get_msg.php&#39;);
    xhr.onreadystatechange = function(){        if(xhr.readyState == 4 && xhr.status == 200){            var res = eval("("+xhr.responseText+")");
            .......
        }
    }
},2000);</script

注: メッセージ ボードが重複データによって上書きされないようにするには、maxid をマークし、新しいデータをマークする必要があります。毎回取得される

##全体的な効果:

関連チュートリアル:

ajax ビデオ チュートリアル

以上がAjax は部分的なページ更新、つまりメッセージ更新を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。