アヤックス - それは何ですか？ 非同期JavaScriptとXML：長所と短所

今、あなたは、インターネット集めて人気に新技術の利用やアプリケーションを見ることができます。 そのうちの一つは - AJAXです。 それは何ですか？ それはどのような機能がありますか？ どこに適用するには？ すべてのこれらの質問は、この記事で答えを見つけられるでしょう。

一般的な情報

どのようにAJAXが立っていますか？ それは何を意味するのでしょうか？ この減少は、頭字語です。 これは、非同期JavascriptとXML（「非同期JavascriptとIKSML」）の略です。 多くの場合、あなたは、この新しい技術という情報を参照するか、または聞くことができます。 しかし、これは真実ではありません。 JavascriptとXMLは、「アヤックス」に対し、すでにかなり長い時間があるという事実は、これらの技術の合成です。 ほとんどの場合、それは用語のWeb 2.0と組み合わせて使用されており、高度な設計技術の使用として理解されています。

そして、何の機能？

だから、我々はすでにAJAXが何であるかの一般的な考えを持っています。 それは実際に私たちを与えますか？ なぜ積極的にそのアプリケーションについて話していますか？ この技術の特異性は、 - あなたがそれを使用するときに最初の要求で、ページ全体を更新する必要がないことです。 結局のところ、あなたはそれの一部に新しいデータを要求することができます。 （あなたが持っているより少ない時間を待つようにするので）、および（無制限のインターネットではない人のための）コストこれは便利です。 ただし、アップグレードを何が起こっているかをユーザに知らせるために、サーバーからの新しいデータをお知らせ少なくとも負荷インジケータまたはテキストメッセージを使用することが望ましいです。 マイナス技術は、多くの場合、それはレガシーやテキストブラウザをサポートしていないという事実に言及されています。 そして、JavaScriptの技術を無効にする機能は、多くのと楽しんよりもユーザーです。 したがって、あなたは、AJAXを乱用してはなりません。 情報を提供する別の方法を提供しない場合には、与えることができますか？ 最良のケースでは、情報は単にサイト上には表示されません。 最悪で - その外観は、ユーザーがもはや返すために持っているので、影響を受けています。

「アヤックス」のメリット

この技術は、Webページを実現することが可能な2つの方法を提供します。 最初は、再起動せずに変更を加える必要。 これは、サーバーへの動的な要求を達成することができます。 第二は、XMLHttpRequestのある最も人気のあるその特定の技術の使用を含みます。 比較的独自の利点は、「アヤックスは、」次のことを言うことができます。

1. あなたは、インターフェイスが人間の相互作用やウェブサイトを促進する結果と、利用者のための素晴らしい機能の全体数を持つことになります便利なWebベースのアプリケーションを作成することができます。
2. 代わりにフルページの一部をリロードします。 これは、資源を節約し、マシンのパフォーマンスを最適化します。
3. サイトのサーバー部分は、積極的にユーザーと対話しています。
4. アイデアの数の実装に便利です。

コミュニケーション

ここでは、例えば、顧客に助言するために使用することができ、フィードバックフォームを、必要とします。 それはどのように行うことができますか？ まず、情報の「キャリア」の世話をする必要があります。 これを行うには、XMLHttpRequestオブジェクトを作成する必要があります。 彼は、サーバーとユーザーのブラウザとの間の仲介として機能します。 このオブジェクトにリクエストを送信し、それらに答えを受けます。 直接データ交換のために、我々はAJAX PHPを必要としています。 これらのツールは、GET-またはPOST-クエリを使用して実施することができます。 この場合、必要な引数はURLから直接渡されます。 同時にそれは、データ転送が中断しないことを確実にするための機能を実行します。 しかし、どのようにAJAX要求を実装するには？ POSTを使用することをお勧めします。 彼のおかげで、あなたは、さらに、はるかに困難にアクセスするデータの無制限の量を転送することができます。

動作原理

どのように非同期JavascriptとXMLは、実際にありますか？ のは一例でこれを理解しましょう。 あなたはクライアント部分は、安全なデータ交換のために必要なすべての機能を提供していることを確認する必要がある構造に関して構築されました。 これは、情報選択の方法を送信するために必要な方法を提供する必要があります。 サーバ部分は、すでにそれらに基づいてデータの処理、およびは、その後、顧客にそれを渡すために新たな情報を生成することを確認してください。 相互作用の最も一般的なタイプは、データベースと連携することです。 前述してきた私たちはフィードバックのフォームなど、多くの事業所の要素です。 この場合の「アヤックス」の利点は、非同期データ転送を保持していることです。 情報が送信される間に、他の言葉では、ユーザーは、彼に必要なすべてのアクションを実行することができます。 各ケースの詳細に焦点を当て、あなたは、このプロセスは、サイトの訪問者に通知するかどうかを決定する必要があります。 同じフィードバックフォームへの相対は、この場合には、我々は「オペレータが答えをダイヤル」の書き込み、あるいは似たようなことを言われなければなりません。

サーバーの応答

あなたがための技術の名前を考えるかもしれないように、彼は、XMLのためだけでなく、来ることができます。 また、それは、プレーンテキストまたはJSONとして送信することができます。 最初のケースでは情報がすぐにページに表示することができます。 XMLを使用している場合は、適切にクライアントのブラウザで処理されたことをAJAXファイルの世話をする必要があります。 この場合、すべてのデータは、（X）HTMLに変換されます。 使用する場合はJSON形式を、あなたは完全なオブジェクトJavascriptを取得するためのコードを実行する必要があります。 注意すると、アカウントに多くのハッカーは、この技術によって、悪意のあるコードを送信したいという事実を取ることが必要です。 彼らが処理される前に、データ検証処理のために提供することが必要です。 異なるブラウザの実現の機能は若干異なる場合がありますが、一般的に、ここでのアクションは、1つのスキームです。

私たちは、サーバーと応答処理への要求を行います

次のようにアクションの全配列は以下のとおりです。

1. 最初は、あなたが作成し、XMLHttpRequestのがあることを確認する必要があります。
2. そして、サーバ接続を初期化します。
3. それに要求を送信します。
4. 私たちは、データが来るのを待って、それらを処理します。

これは、オブジェクトの作成上の機能の一部をご紹介すべきです。 それが唯一のプログラミング言語の枠内で可能である任意の場所で開始することができます。 しかし、彼は、唯一のリクエストで作業することが可能であるためには、時間内の任意の一点で、グローバルの地位を与えられた場合。 この時点で、あなたは細心の注意を払う必要があります。 治療について - ここでは、選択された楽器に焦点を当てます。 そのため、XMLデータはDOM関数を処理し、ユーザに提示される場合は、HTMLでの最終的な結果を持っています。 JSON-格とし、何をすべきか？ オブジェクトの表記Javascriptがあることを理解すべきです。 それは何を意味するのでしょうか？ JSONオブジェクトを文字列として表すことができます。 しかし、この方法がフルに安全ではないことを忘れてはならない、と多くの要因を考慮する必要があります。 しかし、一般的に、それは非常に簡単です。

サーバー側のプログラミング言語

ほぼすべてのWebベースのアプリケーションは、何らかの形でそれらを使用しています。 データ伝送のための最も人気のあるPHPです。 それは通常、サイトのファイルを書き込むには、どこの重要なデータ伝送速度、および彼女と信頼性の間の好適なバランスではありません。 上述のXMLHttpRequest伝送技術。

設定サーバー

どのようなプログラムは完全にAJAXを動作させるために必要とされていますか？ これは、私たちに何を与えていますか？ 彼らは何のためにありますか？ これらの質問に対する答えを得るには、以下のリストに慣れる必要があります。

1. HTML / XHTML。 これらは、ページレイアウトを認識するために、サーバーのために必要とされます。
2. CSS。 このツールは、ページデザインの視覚的な選択のために必要です。
3. DOM。 これは、ユーザーによる操作に対する応答として、ページ上のダイナミックな変化を確保するために必要とされています。
4. XML。 クライアントとサーバー間のデータ転送に必要です。
5. JavaScriptを。 私たちは、カーソル「アヤックス」を作成し、インタラクティビティを提供する必要があります。
6. XMLHttpRequestの。 オブジェクトは、それを通じてクエリがサーバーに転送されます。

サイトの使い方

だから今、私たちはどのようにAJAXについての理論的な知識やアイデアの両方を持っています。 データを送信するだけで、特定の練習が必要になりました。 「アヤックス」を使用して、タスクの実装にアプローチする方法を、私たちは一般的に見てみましょう。 そこで、我々は、ドライバのデータベースを作成する必要があります。 そして、彼らは操作することができるデバイスが異なります。 上記のデータベースが非常に大きいことに留意すべきであるので、私はちょうどそれをクライアントに送信し、それは意味がありませんJavaScriptを使用して選択を行うために提供しています。 原因単一のパラメータにもWebページがリロードされる所有することが望ましいです。 サーバー上の要求は、特殊なPHPスクリプトを処理します。 データベースは、XMLファイルとして実装されています。

データベースについて

その構造をうまくする必要があります。 そして、何オブジェクトで渡されたパラメータ、もし？ このような場合には、関数からコールイベントへのリンク、それは存在しません変数の作成のために提供することが必要です。 グローバルなコードを作成する必要があるどこからでもアクセスできるようにするには。 便宜上、それを使用することが望ましい データベース管理システムを。 もちろん、これは必要ありません。 しかし、まだデータベースの使用は、データをより快適かつ効果的に作業することができます。

私たちは、エンジンの運転に取り組んでいます

どのようにすべてが起こるのだろうましたか？ だから、特別な機能の原因になります特定のイベントが、そこにいます。 彼女が送信されますGETやPOSTデータを準備します。 その後、サーバースクリプトのURLへのアピールを行います関数を呼び出します。 のXMLHttpRequestオブジェクトの作成を想定する必要があります。 それへの参照を変数に格納されるべきです。 データがサーバーに送信された後、あなたは彼からの応答を待つ必要があります。 これを行うには、あなたが情報を得るために、「盗聴」をオンにすることができます（既知の場合、来るとする場合）か、常にデータを受け入れる準備ができて機能を提供します。 第1の実施形態は、異常な状況の場合には信頼性が低いです。 第二実現 - 資源の面でより多くのコストがかかります。 けれども、それは1つの変数のみに関して行われた場合、それは、高速インターネットには影響を与えません。 しかし、もしそこに何百と何千人である、と彼らは高い解像度を持つことになり、 - それは別の問題になります。 利用可能なリソースと有効性の利用との間のバランスを模索する必要があります。 結局のところ、すべてではないが、16ギガバイトのメモリを持っていることを理解すべきです。 これは、サーバーがこの時点では利用できないことを以前のデータや情報を置換した後に一定の待機時間を設定することがあります。

特長

ページまたはアプリケーションのためのインタフェースによって作成された「アヤックス」を使用するときは、結果が異なるオペレーティングシステムでうまく機能することを確認し、異なるブラウザ上で行う必要があります。 最初のケースでは非常に貴重な援助エミュレータを提供することができるようになります。 後者の場合には、それだけで様々なプログラムをインストールして、コードの機能をテストするのに十分だろう。 特定のアクションを提供するためにも必要であると、場合には、ユーザーのブラウザが古くなって使用されるか、必要な設定をオフにします。 このような場合には、注意がこのケースで視聴サイトが不可能な理由を述べ、ページ上のテキストの撤退のために取られるべきです。 はい、今、人々の大半は近代的な技術を使用しますが、完全に確率や観光客の数パーセントは、いくつかの時代遅れのソフトウェアを使用するという事実に注意を行かせてはいけません。 そして、事業規模にそれが重大な結果を持つことができます。

結論

それは、この記事の論理終了します。 私たちは全体的に「アヤックス」の話なら、このツールは、あなたが喜びを迅速かつ有能なレイアウトで作業は非常に魅力的で機能豊富なウェブサイトを作成してそのユーザーに提供することができます。 そこに将来的にさらに高度な技術になりますが、今のところ、我々は我々が持っているものを使用することは間違いありません。 プログラミング言語や技術の改良として十分に可能であり、これは利用できるようになりますオプション、さらに高品質な製品を作成する方法です。 しかし、必要な作業は、今ではそれが得るようなことになります。 そして、この名前 - 「アヤックス」。