ホームページ > 記事 > ウェブフロントエンド > jqueryを使用してajax非同期リクエストを実装し、jsonデータコードの詳細を返す方法
jqueryの非同期ajaxリクエストの受信とjsonデータの返却方法は設定が簡単で、1つはサーバーハンドラーがjsonデータを返すこと、もう1つはajax送信設定のデータ型をjsonp形式データまたはjson形式に設定することです。
コード例は次のとおりです:
$('#send').click(function () { $.ajax({ type : "GET", url : "a.php", dataType : "jsonp", success : function (data) { $.each(data.items, function (i, item) { $("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText"); if (i == 3) { return false; } }); } }); });
$.ajax メソッドは次のとおりです:
$.ajax({ type: "POST", url: ctxRoot+'FolderAction!saveInformSetting.action', data: 'jsonStr=' + inform_settingListStr, dataType: "json", complete: function(data){ //在这里做些事情,假设返回的json数据里有name这个属性 //有时候可以直接data.name或者data['name']去访问 //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success } }); $.ajax(options)
これは最も基本的な JQuery Ajax メソッドであり、パラメーター オプションが 1 つだけあり、リクエスト情報とコールバック関数情報が含まれます。パラメータの内容はすべてキー:値のペアの形式であり、すべてオプションです。
構文は次のとおりです:
$.ajax({options});
url: (文字列) リクエストを送信するアドレス。サーバー ページまたは WebService アクションにすることができます。
type: (文字列) リクエストメソッド、POST または GET
data: (オブジェクト) リクエストをサーバーに送信するときにもたらされるデータ。これは、配列 {works:["work1","work2"]} の場合、{name:"grayworm",sex:"male"} などのキー:値のペアの形式になります
dataType: ( string) 期待される戻りデータ型。 xml、html、json、text など。
beforeSend: (関数) は、ajax リクエストを送信する前にトリガーされます。 false が返された場合、リクエストはキャンセルされます。非同期リクエストで gif アニメーションを表示する必要がある場合は、対応する の可視性をここで設定する必要があります。
以上がjqueryを使用してajax非同期リクエストを実装し、jsonデータコードの詳細を返す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。