AJAX アプリケーションでは重要な知識ポイントを習得する必要があります
- 小云云オリジナル
- 2018-01-12 16:53:191534ブラウズ
この記事では主に、AJAX アプリケーションで習得する必要がある重要な知識 (共有) を紹介します。編集者はこれがとても良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。
AJAXとは?
はAsynchronous Javascript And XMLの略称で、新しい言語ではなく、既存の技術を総合的に利用したものです。 その本質は、HTTP プロトコルに基づいて非同期方法でサーバーと通信することです。
非同期の概念
とは、あるプログラムが実行されるときに、他のプログラムの実行を妨げないことを意味し、その表現は、プログラムの実行順序がプログラム自体の作成順序に依存しないことを意味します。逆に、それは同期的です。
非同期の役割?
利点は、プログラムの実行をブロックしないことにより、全体的な実行効率が向上することです。
AJAX のコア?
XMLHTTPRequest、略称 XHR、Xml 拡張可能マークアップ言語、HTTP ハイパーテキスト転送プロトコル、リクエスト リクエスト。 XMLHttpRequest オブジェクトは、ページ全体をサーバーに送信しなくても、Web ページを部分的に更新できます。 XMLHttpRequest オブジェクトは、通常の GET リクエストだけでなく、POST および HEAD リクエストを行う機能を含む、HTTP プロトコルへの完全なアクセスを提供します。 XMLHttpRequest は、Web サーバーの応答を同期または非同期で返すことができ、コンテンツをテキストまたは DOM ドキュメントの形式で返すことができます。これは、あらゆる形式のテキスト ドキュメントを受け入れることができ、AJAX の Web アプリケーション アーキテクチャの重要な機能です。
前に述べたように、XMLHTTPRequest はあらゆる形式のドキュメントを受信できるため、ネットワーク送信で一般的に使用される 2 つのデータ形式について言及する必要があります。
一般的に使用される 2 つのデータ形式は XML と JSON?
xml:
xml 定義: Extensible Markup Language は、電子文書を構造化するためにマークアップするために使用されるマークアップ言語です。
xml の仕様:
1. ルート要素が必要です
2. 先頭にスペース、数字または . はありません
3. 属性の二重引用符は使用できません
4.
5. 特殊な記号にはエンティティを使用する
6. コメントはHTMLと同じです
複雑なデータを記述して送信することができますが、解析が複雑すぎてサイズが大きいため、実装開発ではほとんど使用されません。
xml を使用する手順の簡単な説明:
xml は DOM オブジェクトであるため、DOM メソッド
1、var xml=xhr.responseXML を直接使用できます (PHP によって提供されるインターフェイス)
2 , var items=xml.querySelector ('item'); xmlの文書構造を取得
３, string splicing
３.1, 初期化 var html='';
３.2, traverse for(){get data var item=item[i ], } スプライシング html+='label+data'
４、レンダリング document.querySelector('tbody').innerHTHML=html
JSON:
JSON 定義: JavaScript Object Notation、別の軽量テキスト データ 交換形式、言語に依存しません。
JSON 仕様:
1. データは名前と値のペアで構成されます
2. データはカンマで区切られます (最後のキーと値のペアにはカンマを含めることはできません)
3. 角括弧は配列を保存します
4.二重引用符
JSON の言語間解析を使用する:
JSON データが異なる言語で送信される場合、型は文字列です。異なる言語には、読み取る前に解析する必要があります。
1. PHPの解析方法
配列をjson文字に変換 json_encode －＞$json_array = json_encode($array);
json文字を配列 json_decode －＞$array_json = json_array);
2.解析メソッド
文字列をオブジェクトに変換 parse－＞var jsonObj=JSON.parse(jsonStr);
オブジェクトを文字列に変換 stringify－＞var jsonStr=JSON.stringify(jsonObj);
ヒント: JSON 互換処理のリファレンス json2。 js
XMLHttpRequest の onreadystatechange イベント監視?
関連する推奨事項:
jqueryのajaxアプリケーションのload()関数の詳細な例
JS、AJAXアプリケーション_javascriptスキルのJavaScript学習まとめ
以上がAJAX アプリケーションでは重要な知識ポイントを習得する必要がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。