JSON（JavaScriptオブジェクト表記）は、Webアプリケーションでのデータ送信に最適な言語に依存しないテキストベースの形式です。その簡潔な構(gòu)造により、XMLよりも効率的になります
- jQueryの
- メソッドは、リモートソースからJSONデータのロードを簡素化します。 これは、URL、サーバーのオプションデータ、および成功した応答のためのコールバック関數(shù)を受け入れます。 より汎用性の高い
- メソッドは、非同期操作（
$.getJSON()）を含むリクエストパラメーターをより細かい制御を提供します。 JSONLINTのようなツールを使用してJSONを検証することは、JSONの厳密な構(gòu)文のために重要です。 トレーリングコンマや一貫性のないキーフォーマットなどのエラーは、問題を引き起こす可能性があります。 JSONの問題のデバッグには、サーバーのJSON形式とMIMEタイプを確認し、コンソールロギングを使用して返されたデータを検査することが含まれます。
-
$.ajax()async: trueJSONの理解： - JSON、またはJavaScriptオブジェクト表記は、Webアプリケーションでのデータ交換に一般的に使用される言語に依存しないテキストベースの形式です。この記事では、HTTP GETリクエストを介してJSONデータの取得に焦點を當てています（投稿のような他の方法も可能です）。
- JSONの効率は、そのコンパクトな構(gòu)造に由來し、ファイルサイズが小さく、XMLと比較してより速い解析につながります。 この効率は、JSONのオブジェクト表現(xiàn)を活用するBSONのようなバイナリ形式に拡張されます。
jQueryは、合理化されたJSON処理のための
メソッドを提供します。 これは、の単純化されたバージョンであり、関連するオプションを暗黙的に設(shè)定します。構(gòu)文は次のとおりです
：JSONデータソースのURL（必須）。
：サーバーに送信するオプションのデータ（オブジェクトまたは文字列）。
$.getJSON()$.ajax()：成功した検索時に実行されたコールバック関數(shù)（オプション）。 単純なコールバックは次のように見えるかもしれません：
$.getJSON(url, data, success);
urlを使用すると、より明示的なコントロールを提供します：-
dataの例アプリケーション： success簡単なデモンストレーションでは、
function success(data) {
// Process the 'data' object
}）を提供します。 クライアント側(cè)のJavaScript（$.ajax()サンプルjavascript（
$.ajax({
dataType: 'json',
url: url,
data: data,
success: success
});$.getJSON(url, data, success);このコードは、DOMがロードするのを待ってから、クリックイベントを処理してJSONをフェッチし、一部を注文していないリストに変換し、RAW JSONを表示します。
の非同期性が実証されています。$.getJSON()
サンプルjson（）：example.json
function success(data) {
// Process the 'data' object
}サンプルhtml（）：index.html
$.ajax({
dataType: 'json',
url: url,
data: data,
success: success
});