2012-04-03 14 views
1

誰かが私に方向性を教えてもらえますか?私はFacebookのようなページを更新する方法を知りたいのですが、新しい状態の更新や新しい好みなどがあります。 +1のように自動的に表示されます。Javascript自動更新ページ?

ありがとうございます。

+0

あなたの質問は本当に漠然としています...一般的なポインタとして、イベントを公開したり購読したりするために、javascriptでメディエーターパターンを使用することができます。次に、ajaxを使用して新しいコンテンツとjavascriptを取得し、DOMを更新します。 –

答えて

3

これらは、プッシュモデル(購読/公開)を使用して行われます。

クライアント側は、まずAJAX要求を発行して購読します。このAJAXリクエストは無期限に有効です。サーバーは新しいlike/commentを受け取ると、この更新をクライアント側に公開し、それによってAJAX要求を終了します。クライアントはこのアップデートを受け取り、別のAJAXリクエストを発行します。

広くは、Cometに分類されます。

以前は、私はComet Webチャットアプリケーションを実装していましたが、ややこしいことを書きました。あなたが興味があれば、ここでそれを読むことができます。

Comet Web Chat Application

編集:

ハートビート・メカニズム(PULLモデル)間違いなく実装が容易ですが、PUSHモデルは、はるかに効率的です。

+0

+1の彗星参照! –

+0

簡単に実装するには、.netのSignalRやsocket.ioをチェックアウトしてください。 –

+0

そしてウェブソケットはおそらくチェックアウトする価値があります.. –

0

Webページをリロードせずにデータベースと通信するための方法である、AJAXを使用する必要があります:here's the doc

0

イム:あなたは、たとえばjQueryのフレームワークの $アヤックス 機能を使用することができますコードを掲示するが、ここであなたがしたいかもしれないものの概要を示しますない:

  1. は画像
  2. 「のような」イメージにクリックハンドラをバインドするスクリプトを作成しています。
  3. 一度クリックすると、スクリプトはAJAXリクエストをサーバーに送信して、
  4. のようなものを増やし、成功したことを示すスクリプトにデータを返します。あなたは好きな数などを返すこともできます。
  5. スクリプトが成功を知ったら、「好き」のイメージを変更してください。

好きなようにカウントするには、よく、あなた次第です。非常に幅広い質問のために、これはあなたに正しい道を示す幅広い答えです。