Chuanzhi Podcast AJAX ビデオ素材の共有

AJAX は「Asynchronous Javascript And XML」(Asynchronous JavaScript and XML) の略で、インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジを指します。

AJAX = 非同期 JavaScript および XML (標準ユニバーサル マークアップ言語のサブセット)。

AJAX は、高速で動的な Web ページを作成するためのテクノロジーです。

AJAX は、Web ページ全体をリロードせずに Web ページの一部を更新できるテクノロジーです。

AJAX を使用すると、バックグラウンドでサーバーと少量のデータを交換することで、Web ページを非同期に更新できます。これは、ページ全体を再読み込みしなくても、Web ページの一部を更新できることを意味します。

従来の Web ページ (AJAX を使用しない) では、コンテンツを更新する必要がある場合、Web ページ全体をリロードする必要があります。

AJAX は「Asynchronous Javascript And XML」(Asynchronous JavaScript and XML) の略で、インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジを指します。 「Chuanzhi Podcast AJAX ビデオチュートリアル」では、AJAX の関連技術を解説しています。

ビデオ再生アドレス: http://www.php.cn/course/565.html

AJAX開発の難しさ

簡単な例を通してこの問題を理解してみましょう。サーバーからすべての記事情報を一度にロードするのではなく、ユーザーのリクエストに応じてサーバーと対話し、各記事の情報を動的にロードできるツリー構造の掲示板システム (BBS) を構築するとします。各記事には、システム内で一意の識別子として使用できる ID、投稿者の名前、記事の内容、およびすべてのサブ記事の ID を含む配列情報の 4 つの関連属性があります。まず、記事情報をロードできる getArticle() という関数があるとします。この関数が受け取るパラメータはロードする記事のIDであり、これを介してサーバーから記事情報を取得できます。返されるオブジェクトには、記事に関連する 4 つの属性 (id、name、content、children) が含まれます。ルーチンは次のとおりです:

function ( id ) {
     var a = getArticle(id);
     document.writeln(a.name + "
" + a.content);
 }

ただし、同じ記事 ID でこの関数を繰り返し呼び出すと、サーバーとの無駄な通信が繰り返し必要になることに気づくかもしれません。この問題を解決するには、キャッシュ機能を備えた getArticle() と同等の関数 getArticleWithCache() の使用を検討できます。この例では、getArticle() によって返されたデータはグローバル変数としてのみ保存されます:

var cache = {};
 function getArticleWithCache ( id ) {
     if ( !cache[id] ) {
         cache[id] = getArticle(id);
     }
     return cache[id];
 }

読まれた記事がキャッシュされたので、関数 backgroundLoad() をもう一度考えてみましょう。これは、上で説明した方法を適用します。メカニズムはすべての記事情報をロードします。その目的は、読者が記事を読むときに、すべてのサブ記事をバックグラウンドからプリロードすることです。記事データはツリー構造になっているため、ツリーを走査してすべての記事をロードするための再帰アルゴリズムを簡単に作成できます。

function backgroundLoad ( ids ) {
     for ( var i=0; i < ids.length; i++ ) {
         var a = getArticleWithCache(ids[i]);
         backgroundLoad(a.children);
     }
 }

backgroundLoad () 関数はパラメータとして ID の配列を受け取り、以前に定義された関数を次のように呼び出します。各IDのgetArticldWithCache()メソッドにより、各IDに対応する記事がキャッシュされます。次に、読み込まれた記事のサブ記事 ID 配列を介して、backgroundLoad() メソッドが再帰的に呼び出され、記事ツリー全体がキャッシュされます。

以上がChuanzhi Podcast AJAX ビデオ素材の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。