jQueryを使用して10秒間隔でAjaxデータを取得する方法?

jQuery: 10 秒間隔で Ajax データを取得

リアルタイムのデータ取得を組み込んだフィードバック表示を設計する場合、次のことが重要です。表示内容を定期的に更新するメソッドを実装します。これは、jQuery の強力な Ajax 機能を使用して実現できます。

10 秒ごとに新しいエントリを表示するフィードバック div を設定するには、次のアプローチを利用できます:

1. 定義フィードバックを取得する関数: Ajax 呼び出しを実行する get_fb という名前の関数を作成し、フィードバック データをサーバー側スクリプト (feedback.php など) から取得します。
2. Ajax 呼び出しパラメーターを構成します。 get_fb 関数内で、リクエストのタイプ (POST)、リクエストの送信先 URL (フィードバック.php) を指定し、呼び出しが同期するように async を false に設定します。
3. 取得したデータの処理: フィードバック データの取得が成功したら、受信したデータでフィードバック コンテナ (div.フィードバックボックス) の HTML コンテンツを更新します。
4. 自動取得のスケジュール: 新しいフィードバック エントリを定期的に表示するには、setInterval または setTimeout を使用してタイマーを確立します。 get_fb 関数を 10 秒ごとに呼び出すようにタイマーを構成します。

提供されたコードに基づいて改良された例を次に示します。

<code class="javascript">function get_fb(){
    var feedback = $.ajax({
        type: "POST",
        url: "feedback.php",
        async: false
    }).responseText;

    $('div.feedback-box').html(feedback).delay(10000).queue(function() {
        setTimeout(function(){get_fb();}, 10000);
    });
}</code>

注: このアプローチ前の取得が完了した後に次の取得をスケジュールします。必要に応じてタイミングを調整して、表示パフォーマンスを最適化できます。

以上がjQueryを使用して10秒間隔でAjaxデータを取得する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。