腕JavaWeb AJAXチュートリアルのIT技術的な構図

アヤックスは新しい技術ではありませんが、JavaScript、HTML、CSS、DOM、XMLHttpRequestを、XMLやJSON技術を含む技術の統合前にAjax技術システムの基礎を構成します。

JavaScriptを:JavaScriptはAjax技術システム、一緒にそれのさまざまな部分で弱いタイプ、説明の一般的なスクリプト言語です。カスタムビジネスロジックのJavaScript、DOM操作およびユーザーインターフェースの変更を更新し、再描画や再編成ユーザデータ、処理ユーザーとの対話。

HTML:HTMLは、要素間の関係の定義を含む、文書の構造を定義するだけでなく、文書内の位置を定義するスタイルを適用することができます。

CSS:CSSを視覚化スタイルは、アプリケーションの外観を定義するための再利用可能なWebページ要素のメソッドとして定義されています。スタイルシートは、中央様々な視覚CCTVを定義する方法を提供し、便利にページの要素に提供されます。stylesheetエレメント定義されたスタイルは、レイアウトや簡単なユーザインタラクションは、視覚的効果を達成するために、互いに要素との間に画定されます。

DOM:DOM組織のページビュー、Webページの操作の構造を表示するためにJavaScriptを使用することができ、プログラム可能なオブジェクトのセット。スクリプトを使用して、DOMは、実行時にユーザーインターフェースを変更したり、ページのセクションを再描画変更します。WebページのDOMには、すべてのDOM操作の出発点であるグローバル変数を介してWebページのJavaScriptエンジン、現在開いているドキュメントルート、ツリー構造です。DOMドキュメントHTMLフォームとの関係は、DOMは、HTMLタグを変更します変更し、双方向です。

XMLHttpRequestの:非同期にサーバとのXMLHttpRequest通信を使用して。これは後に、道を設定し、よりスムーズに非同期呼び出しビジネスの発生でデータを取得しました。データフォーマットは、(後でこの本の中で意志詳細JSONに、より便利になりますデータ形式としてJSONを使用して、今、今、私がご紹介しますAJAXである)は通常XMLです。

XMLとJSON:XML、拡張マークアップ言語、標準一般化マークアップ言語のサブセットは、構造化マークアップ言語を持っている電子文書をマーキングする方法です。マーキングなどによって、コンピュータ間でさまざまな情報を扱うことができます。この方法は、彼のデータをマークするために使用される、定義のデータ型、独自のマークアップ言語のソース言語を定義することをユーザに許可することができ、それはウェブ転送のために非常に適しており、統一されたスイッチ・ファブリックは、独立したアプリケーションまたはベンダーを記載提供データ。

しかし、XMLファイルが比較的大きく、複雑なフォーマットで、転送は多くの帯域幅を消費し、コードの両端が複雑になっているように、サーバーとクライアントは、XMLを解析するためのコードの多くを費やす必要があることを維持することは容易ではなく、異なるブラウザは、XMLファイルを解析しますあなたは多くのコードを繰り返す必要があり、同じ方法ではありません。そして、サーバ側とクライアント側の構文解析XMLはまた、資源と時間がかかります。

だから、データ交換フォーマットとしてXMLを使用することに加えて、あなたは今、JSON(JavaScriptオブジェクト表記)交換フォーマットと呼ばれる軽量のデータを使用することができ、およびJSONが主流となっている(今AJAXと呼ばれるが、より適切なAJAJ、非同期JavaScriptとJSONを思わ) 。

JSONデータ形式は、簡単な読み書きが簡単で、フォーマットは少ない帯域幅を占有、圧縮されています。サーバーとクライアントのコードに直接JSON形式、大幅にコードの開発と顧客サービスの量を簡素化し、維持しやすいです。

おすすめ

転載: blog.51cto.com/14311187/2404046