2012-01-04 19 views
1

私は必要なものが何であるか分かりませんが、Facebookを例に挙げます。別のページを読み込むと(例えば:ホームページ上であなたのプロフィールをクリックすると)、ページ自体はリロードされていないように見えます。
データはもちろんロードされ、URLは変わりますが、トップバーとチャットバーはそのままです。'動的な'ページが読み込まれていますか?

私はこれに似たようなことをするつもりです。これは私があまりにも多いと仮定しているのですか?それは本当にシンプルなキャッシュ機能ですか、それともJavaScriptのやり方ですか?

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

答えて

1

AJAXは、ページの全体的なコンテキスト内でこの動的なクライアントとサーバーのやりとりを実現するさまざまな技術(主にJavaScript)の組み合わせです。ブラウザに返されるユーザーの要求と

  1. ページ:

    基本的に何があなたのセットアップのために必要があるだろうことは、このようなものです。このページには、対話機能を実行するためのJavaScriptコードが含まれています(または外部ファイルなどで参照されます)。たとえば、「リンク」は別のページにナビゲートするのではなくJavaScript関数をトリガーすることがあります。この関数はサーバーへのAJAX呼び出しを行います。

  2. サーバー上のAJAXハンドラ。それを別のページのように考えるか、ある種のWebサービスのように考えてください。それは、人間からではなく、JavaScriptコードからの要求を期待しています。 (人間は必要に応じて手動で呼び出すことができますが、機密データなどを返さないでください)。これにより、JSON、XML、HTMLなどの任意の形式のデータとクライアントサイドのJavaScriptコードその応答をコードで使用します。

Web開発の技術に応じて、AJAXの機能をサポートするさまざまなフレームワークとツールがあります。私の個人的な好みは、jQueryでAJAXメソッドを使用し、サーバーからの応答を手動で制御することです。開発プラットフォームを指定した場合、私はあなたに役立ついくつかの例を見つけることができます。

+0

ご返信ありがとうございます! :) PHP/MySQLのクエリを処理するために、XMLHTTPRequestをいくつか使っています。私はこれを実装できると思いますか?しかし、唯一の問題は、アドレスバーのURLが変わることです。 JavaScriptでそれを変更できますか?ありがとう:) –

+1

@リチャードヘッジス:私はJavaScriptがURLを変更できると信じていますが(私はそれがどれほど普遍的かはわかりませんが)注意深く踏み込んでいます。これは、ブラウザでの履歴のナビゲーションに問題を引き起こす可能性があります(AJAXの重いインターフェースでは、よく知られている問題の概念です)。 – David

+0

すべての情報と助けてくれてありがとう! :)私はそれを達成することができると思います。再度、感謝します –

1

これはすべてAJAXを使用して行われます。必要なものに応じて、HTMLチャンク全体をロードしたり、データをロードしたり、ページのJavaScript出力を必要なものにすることができます。

関連する問題