jQuery、ajax、JSONの関係

最近プロジェクトを進めていく中で、jQuery、ajax、JSONの関係がずっと分からずにいたので、簡単に使ってみた経験が少しあるので、その関係を調べてみました。

1. jQuery: 以下は Baidu Encyclopedia からの抜粋です。

jQuery は高速で簡潔な JavaScript フレームワークであり、Prototype に次ぐ優れた JavaScript コード ライブラリです。または JavaScript フレームワーク)。

jQuery 設計の目的は、「Write Less, Do More」です。これは、記述するコードを減らし、より多くのことを実行することを意味します。よく使用される関数コードを JavaScript でカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメントの操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します

jQuery の中心的な機能は次のように要約できます。チェーン構文と短く明確な多機能インターフェイス、効率的で柔軟な CSS セレクターを備え、CSS セレクターを拡張可能、便利なプラグイン拡張メカニズムと豊富なプラグインを備えています。上記の内容から、次の 2 点を抽出できます。

jQuery は JavaScript フレームワークです。

jQuery には多くのコンテンツがあります。Ajax は jQuery の一部です。

2、AJAX

a、AJAX とは何ですか?

AJAX = JavaScript と XML (非同期 JavaScript と XML)

b. AJAX の特徴:

1. Ajax はサーバーと少量のデータを交換して更新できます。 Web ページ

2. 非同期とは、Ajax がデータ交換操作を実行するときに、他の操作も引き続き実行できることを意味します (主要な Web サイトで単語を入力するなどの一般的な操作では、多くのコンテンツがポップアップ表示されます) Baidu、Google、Taobao など)

c. Ajax テクノロジのコアは XMLHttpRequest オブジェクト (XHR と呼ばれます) であり、XHR オブジェクトを使用してサーバー データを取得できます。

d、Ajax 形式:

type : "",
url : "",
dataType : "json",
data : {
key : value
},
success : function(data) {
},
error : function() {
alert("系统异常");
}
});

type: リクエスト メソッド (「POST」または「GET」)、デフォルトは「GET」です。

url: (デフォルト: currentページアドレス) リクエストの送信先アドレス。

dataType: サーバーによって返されることが予期されるデータ型。通常は json ですが、指定しない場合、jQuery は HTTP パッケージの MIME 情報、つまりサーバーに送信されるデータに基づいて

data を自動的にインテリジェントに決定します。リクエスト文字列形式に自動的に変換されます。 GET リクエストは URL

success: リクエストが成功した後のコールバック関数に追加されます。パラメータ: サーバーから返され、dataType パラメータに従って処理されたデータ、ステータスを説明する文字列

error: (デフォルト: 自動判定 (xml または html)) この関数は、リクエストが失敗したときに呼び出されます

async: (デフォルト: true) デフォルト設定では、すべてのリクエストは非同期リクエストです。同期リクエストを送信する必要がある場合は、このオプションを false に設定してください。

json 値の取得: メソッドは直接取得します。

public JSONObject chageState(UserInfo userInfo) {
        JSONObject json = new JSONObject();
        return json;
    }

json 値の受け渡しの問題:

スクリプトで判定 その後、目的の値を渡します これは今回のプロジェクトで学んだちょっとしたコツです 最初の処理では判定を行わずに直接値を渡していたため、バックグラウンドで判定を行っていますのほうが面倒です; 最初はまだよくわかっていないので、クラスメートに質問してこの小さなコツを学びました

JSP ページの動的更新の問題:

プロジェクトに取り組んでいると、データを追加した後、ページをリアルタイムで更新する必要があります。これもしばらく悩みました。多くの場合、方法がわからない場合は、Baidu に問い合わせてください。

Ajax については、よく使われているので簡単な調査はこれで終わりです。他のアプリケーションができたらまた勉強します。

3、jQuery

JSON(JavaScript Object Notation、JS object notation) は軽量のデータ交換形式です;

Ajax 値の転送のプロセスでは、data (送信値) と dataType (戻り値) の両方が使用される json

json について詳しく知りたい場合は、http://www.json.org.cn/index.htm

上記は、jQuery、ajax、および json の関係について簡単に説明したものです。 json

以上がjQuery、ajax、JSONの関係の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。