ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryのajax非同期リクエストはjsonデータを受信して​​返しますinstance_jquery

jqueryのajax非同期リクエストはjsonデータを受信して​​返しますinstance_jquery

WBOY
WBOYオリジナル
2016-05-16 16:44:171103ブラウズ

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) {
appendTo("#resText");
}
});
}) ;



$.ajax メソッドは次のとおりです:

コードをコピー

url: ctxRoot 'FolderAction!saveInformSetting.action',
データ: 'jsonStr=' info_settingListStr,
dataType: "json",
complete: function(data){
/ /返された json データに name 属性があると仮定して、ここで何かを行います
//data.name または data['name']
に直接アクセスできる場合もあります。//ただし、渡す必要がある場合もありますvar jsonData = eval("(" data.responseText ")"); には jsonData.name を通じてアクセスできます。この場合、success
}
});
$ .ajax(オプション)



これは最も基本的な JQuery Ajax メソッドであり、パラメーター オプションが 1 つだけあり、リクエスト情報とコールバック関数情報が含まれます。パラメータの内容はすべてキー:値のペアの形式であり、すべてオプションです。
構文は次のとおりです:

$.ajax({options});

url: (文字列) リクエストを送信するアドレス。サーバー ページまたは WebService アクションにすることができます。

type: (文字列) リクエストメソッド、POST または GET

data: (オブジェクト) リクエストをサーバーに送信するときにもたらされるデータ。これは、配列 {works:["work1","work2"]}

dataType の場合、{name:"grayworm",sex:"male"} などのキー:値のペアの形式になります。 : (文字列) 期待される戻り値のデータ型。 xml、html、json、text など。
beforeSend: (関数) ajax リクエストを送信する前にトリガーされます。 false が返された場合、リクエストはキャンセルされます。非同期リクエストで gif アニメーションを表示する必要がある場合は、対応する jqueryのajax非同期リクエストはjsonデータを受信して​​返しますinstance_jquery の可視性をここで設定する必要があります。

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