Heim >Web-Frontend >js-Tutorial >So implementieren Sie mit jquery eine asynchrone Ajax-Anfrage, um Details zum JSON-Datencode zurückzugeben
Die asynchrone Ajax-Anforderungsmethode zum Empfangen und Zurückgeben von JSON-Daten ist einfach einzurichten. Zum einen gibt der Server-Handler JSON-Daten zurück, zum anderen ist der Datentyp der Ajax-Sendeeinstellung auf JSONP-Formatdaten oder JSON-Format eingestellt .
Das Codebeispiel lautet wie folgt:
$('#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; } }); } }); });
Die $.ajax-Methode lautet wie folgt:
$.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)
Dies ist die grundlegendste JQuery-Ajax-Methode mit Nur eine Parameteroption, die Die Parameter enthalten Anforderungsinformationen und Rückruffunktionsinformationen. Parameterinhalte liegen alle in Form von Schlüssel-Wert-Paaren vor und sind alle optional.
Die Syntax lautet wie folgt:
$.ajax({options});
url: (string) Die Adresse zum Senden der Anfrage, die eine Serverseite oder eine sein kann WebService-Aktion.
Typ: (String) Anfragemethode, POST oder GET
Daten: (Objekt) Daten, die beim Senden einer Anfrage an den Server mitgebracht werden. Es liegt in der Form eines Schlüssel:Wert-Paares vor, z. B.: {name:"grayworm",sex:"male"}, wenn es sich um ein Array {works:["work1","work2"]}
dataType handelt : (string) erwarteter Rückgabedatentyp. xml, html, json, text usw.
beforeSend: (Funktion) wird vor dem Senden einer Ajax-Anfrage ausgelöst. Wenn false zurückgegeben wird, wird die Anfrage abgebrochen. Wenn die asynchrone Anfrage eine GIF-Animation anzeigen muss, sollte die Sichtbarkeit des entsprechenden a1f02c36ba31691bcfe87b2722de723b eingestellt werden.
Das obige ist der detaillierte Inhalt vonSo implementieren Sie mit jquery eine asynchrone Ajax-Anfrage, um Details zum JSON-Datencode zurückzugeben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!