ホームページ  >  記事  >  ウェブフロントエンド  >  ブール教育 ヤン・シバ Ajax徹底研究 ビデオ資料共有

ブール教育 ヤン・シバ Ajax徹底研究 ビデオ資料共有

巴扎黑
巴扎黑オリジナル
2017-08-30 15:41:481157ブラウズ

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徹底研究ビデオチュートリアル」では、HTTPリクエストの概念、PHPの簡単な構文、JSONデータ形式など、Ajaxに関連する概念、原理、実装方法、応用方法を浅いところから深いところまで段階的に紹介しています。 、Ajax ネイティブと jQuery の実装、クロスドメイン、ファイルのアップロード、その他のナレッジ ポイント。

ブール教育 ヤン・シバ Ajax徹底研究 ビデオ資料共有

ビデオ再生アドレス: http://www.php.cn/course/231.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() メソッドが再帰的に呼び出され、記事ツリー全体がキャッシュされます。

以上がブール教育 ヤン・シバ Ajax徹底研究 ビデオ資料共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。