ホームページ >ウェブフロントエンド >jsチュートリアル >Ajax とその利点と欠点についての簡単な説明

Ajax とその利点と欠点についての簡単な説明

亚连
亚连オリジナル
2018-05-25 10:45:381975ブラウズ

私は最近 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メソッド

応答コンテンツの長さを取得するAjaxメソッド

以上がAjax とその利点と欠点についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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