新しいレコードがMySqlデータベースに追加されたときにJqueryで自動的にDivを更新する

Question

私は友人のためのソーシャルネットワーキングサイトを作っています。私は、新しいレコードがデータベースに追加されたときに、データベースの挿入されたレコードをほとんど含まないDivを更新する方法を知りたいと思っていました。要するに、あなたが何かをしたときにフェードインするFacebookのライブ通知を見たに違いありません。これは、すべてのライブ通知のdivを更新することなく行われます。新しい通知のみがdivの前に追加されます。

jqueryとAJAXを使って、私はそれらについてよく知っているので、これをしたいと思います。 PHPをサーバー側言語として使用します。

ありがとうございました。

P.S：私は解決策について多くのWebサイトを検索しましたが、どこでも見つけることができませんでした。私もfacebookのソースコードを通過しようとしましたが、couldntもそこにそれを見つける！誰かが私を助けてくれることを願っています* はあなたがPHPのページにアクセスするためにjQueryの$.getJSON()メソッドを使用することができ、指 *

Answer 1

にread列を変更します。

phpページにajax呼び出し（jqueryまたはネイティブxhrを使用するかどうか）を行うJavaScript関数をページ上に作成します。 PHPページは「新しいもの」を追跡し、呼び出されたときにそれを返します。 js関数は、データを受け取ると、新しいタグ（divなど）を通知バーに追加します。この関数はjavascriptのsetTimeout関数を使って毎回呼び出されます。

これらの手順のいくつかが混乱している場合は、さらに具体的な質問をしてください。

Answer 2

を渡りました。このPHPページは未読の通知をすべて取得します（通知表に「read」という列を追加し、未読の場合は0、未読の場合は1に設定してJSONフィードとして返します）。

JSONを解析し、各ページをページに表示するdivにします。そして、これをすべてsetInterval()にラップし、ミリ秒ごとに実行します（半分の秒、または1/4秒です。それはあなた次第です）。

また、それらを読み取り済みとしてマークするには、JSON通知フィードから作成したdivのclickイベントを設定します。クリックで、それは別のPHPページに連絡します例えば、通知のidを受け取ることになります（あなたは$.postや$.getを使用することができます）、そして基本的にはこのような何かを行く1

Answer 3

ポストが更新されたという通知を送るにはAjaxプッシュを使用するか、プッシュ駆動にすることができます。 PHPを使ってjqueryとAjaxをすでに知っているのであれば、後者のほうが簡単かもしれません。

間隔で新しいレコードが定期的に確認されます（たとえば、setIntervalを使用）。見つかった場合は、それらをDOMにロードしてフェードインします。間隔はあまり小さくなくても、リソースを無駄にする必要はありません。 30秒ごとに何かが行われる限り、おそらく何か。

setInterval('checkForUpdates', 30000); 
var lastTime = (new Date()).getTime(); 
function checkForUpdates() { 
    $.get('/php-page-that-checks-for-updates.php?timestamp=' . lastTime 
     , function (results) { 
     if (results) { /* fade into dom */ } 
     } 
    ); 
    lastTime = (new Date()).getTime(); 
} 

PHPページ：

$timestamp = $_REQUEST['timestamp']; 
$results = query('SELECT post FROM posts WHERE postTime > "$timestamp"'); 
echo fetch($results); 

他の人が示唆したように、あなたは「読み」、代わりにタイムスタンプの指標としてそれを使用し、またしてタイムゾーンの問題を解決しますどのようにポストをもマークすることができます私の例。私はこれを行うために余分な列を追加したくないでしょうが、あなたが既に他の理由でそれを持っていれば良いアイデアでしょう。

編集：これはかなり古い回答ですが、まだそれを行うことができれば、私はどのような種類のajax long pollingではなくWebSocketsを使用します。私はPHPが素晴らしい言語だとは思わない（Node.jsでsocket.ioを使うことをお勧めします）が、これは可能です。