jquery - JQuery Ajax を使用して新しいレコードを返す方法

Question

ユーザーがディスカッションに貢献できる Web サイト要素を作成しています。その際、Ajax を使用して、定期的に短い間隔で最新の投稿をリストの一番上に表示する必要があります。

最初の結果を返す方法は知っていますが、現在の項目リストに最新の更新のみを追加する方法がわかりません。

誰か助けて？

ありがとう、ジェフ

Answer 1

1 つの方法は、定期的な間隔でコンテンツを返すサーバー ページに ajax 呼び出しを行い、それをコンテンツ div に表示することです。

5 秒ごとに getlatestposts.php というページを呼び出し、id コメントを含む div に表示する簡単な例を以下に示します。これは、ドキュメントの準備ができたときに実行を開始します（domがロードされた後）

$(document).ready(function()
{
    var refreshId = setInterval( function()
    {
        var tstmp = new Date();
        var uniqueTimeStamp = tstmp.getTime()
        $('#coments').load('getlatestposts.php?'+uniqueTimeStamp);
    }, 5000);
});

2 秒ごとに大量のサーバー呼び出しを行うというこのアプローチを実行したくない場合は、Calle への非同期プッシュを行う SignalR のようなものを真剣に検討する必要があります。