画面を表示しないでページを更新する空白になる？

Question

だから、私はGMailとそのようなものがスクリーン全体が空白にならずにそこの電子メールをどのように更新できるのだろうと思っていた。

私はweb tools site hereで作業しています。右側のサイドバーにあるように、特定のメンバーの最近の出来事を示すニュースフィードがあります。

最新のイベントを表示するシンプルなPHPスクリプトです。これらのイベントはMYSQLテーブルに保存されています。このPHPスクリプトは、サイドバーにiframeされています。

サイドバーを自動的に更新します。時間間隔（10秒ごとなど）で更新することも、新しいイベントを追加することもできます。

5秒ごとに（PHPスクリプト上で）メタリフレッシュを試みましたが、うまくいかなかった。 5秒ごとにサイドバー全体が空白になり、再び表示されます。さらに、サイトのローディングホイールは、サイドバーがリフレッシュされるたびに常に表示されます。

これを行う簡単な方法はありますか？多分、新しいイベントをチェックしてから、ページ全体をリフレッシュするのではなく、それらを吐き出すために、いくつかのタイプのJavaScriptイベントを使用していますか？

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

編集：さて、皆さん、ありがとうございました！私はAJAXと一緒に行く！しかし、今私は別の問題に遭遇しています...続きを読む...

私は各イベントの右下隅に時間を表示するためにJavaScriptを使用していました。私はこれに似たコードを使用していました...

<div class="event"> 
<p>The event text</p> 
<script type="text/javascript"> 
document.write(get_time(1332900003)); 
</script> 
</div> 

これは実際にデータベースに格納されるHTMLです。問題は、AJAXがこのコードをつかんで、iframeページに吐き出してから、タイムスニペットが実行されていないことです（それ以外はうまくいきます）。

JSでは、タイムゾーンの違いについて心配する必要がないので、PHPでJavaScriptを使用して時刻を表示することをお勧めします。

私はこれを修正できますか？速い応答のためにもう一度ありがとう！ :)

Answer 1

あなたのページを更新せずにバックエンドからデータを取得/あなたが送ってみましょうどのようにGMAILや他のさまざまなサイトがページをレンダリングしてから、ページ間でページをリロードしなくてもそれを操作する方法を説明しています.JA86Xはあなたが探している方法論ですが、JavaScriptやサーバー側のスクリプトあなたの場合はPHPのような。

jQuery、Prototype、DojoなどのJavaScriptライブラリを調べることをお勧めします。私の個人的な味はjQueryです。私の意見では、それは非常に安定しており、大きなサポートコミュニティを持ち、すべてのものがすべてを学ぶのは簡単です。

これは、ライブラリーをバックアップすることでより簡単に達成できるように、ネイティブのjavascriptで長い長いスクリプトを書く必要なく、クロスブラウザーに準拠するJavaScriptベースのコードを迅速に開発するのに役立ちます。

http://www.jquery.com - コアライブラリ

http://www.jqueryui.com - ライブラリの拡張

プラスあなたが同様に迅速にあなたの全体的なユーザーエクスペリエンスの開発を支援するために拾うことができ、ほとんどのプラグインの数十万人があります。

Answer 2

あなたはここでそれを確認することができます。

アヤックスあなたがの概念を模倣したい場合は基本的に

http://api.jquery.com/category/ajax/