私は最近 AJAX について勉強しており、主に AJAX の技術的な紹介とその利点と欠点について、オンラインで AJAX に関するいくつかの情報をチェックしました。ここでは、私と同じように AJAX を学習している友人に役立つことを願って、私が収集した情報を簡単にまとめたいと思います。
AJAX (非同期 Javascript および XML) は、更新不要のステータス更新ページと非同期送信を実現できます
利点:
プラグインのサポートは必要ありません
優れたユーザー エクスペリエンス
Web プログラムのパフォーマンスを向上させます
サーバーやサーバーの負荷を軽減しますブロードバンド
短所:
進むボタンと戻るボタンが壊れている
検索エンジンのサポートが不十分
開発およびデバッグツールが不足
同期と非同期
同期: つまり、1つのことを1つずつ実行する必要がある、次の処理を行う前に、前の処理が完了するのを待ちます
非同期: 前の処理が完了するまで待つ必要はなく、複数の処理を同時に行うことができます
JQuery は AJAX をカプセル化します3 つのレイヤー
最下層: いくつかの基本的な Ajax 操作をカプセル化します。
グローバル メソッド: $.ajax()
送信されたデータはデータ内にあり、ポスト モードで送信されます。送信されたデータは「{}」で囲まれ、 「key:value」の形式で送信します
フォーム全体を送信する場合は、フォームシーケンス「serialize()」を使用してフォーム全体を送信できます
decodeURIComponent(): データを逆シリアル化します
encodeURIComponent(): データをシリアル化します、また、serialize() はシリアル化のためにこのメソッドを呼び出します
serializeArray(): フォームを JSON フォームに変換します
$.ajaxSetup(): $.ajax() のデフォルト値を設定するために使用される $.ajax() のデータを初期化しますobject
第 2 層: jQuery をカプセル化する Ajax;
部分メソッド: .load(url, data,callback)
静的ファイルの非同期取得に適しています
グローバル メソッド: $.get(url,data,callback,type), $.post(url,data,callback,type)
動的ファイルで非同期ファイルを取得するために使用できます
3 番目の層: get をカプセル化します
グローバル メソッド: $.getJSON、$.getScript
リクエストの読み込み
$(document).ajaxStart(function): リクエスト開始時にトリガーされるメソッド
$(document ).ajaxStop(function): リクエスト終了時にトリガーされるメソッド
JSONとJSONP
dataTypeのときは JSON です。クロスドメインでデータを取得することはできません。クロスドメイン名でデータを呼び出すには、ドメイン名を追加した後に「?callback=」を追加する必要があります。 dataTypeがJSONPの場合、クロスドメインデータを直接取得できます。
JQXHRオブジェクト
jQuery jqXHRオブジェクトのプロパティとメソッド
以上、皆さんの参考になれば幸いです。
関連記事:
ページ上の特定のコンテンツを定期的に更新するAjaxメソッド
以上がAjax とその利点と欠点についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。