Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie mit jquery eine asynchrone Ajax-Anfrage, um Details zum JSON-Datencode zurückzugeben

伊谢尔伦
Freigeben: 2017-07-21 14:47:53
Original
1799 Leute haben es durchsucht

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=&#39;para&#39;/> ").attr("src", item.media.m).appendTo("#resText");
                if (i == 3) {
                    return false;
                }
            });
        }
    });
});
Nach dem Login kopieren

Die $.ajax-Methode lautet wie folgt:

$.ajax({ 
   type: "POST",
   url:  ctxRoot+&#39;FolderAction!saveInformSetting.action&#39;,
   data: &#39;jsonStr=&#39; + inform_settingListStr,
   dataType: "json",
   complete: function(data){
       //在这里做些事情,假设返回的json数据里有name这个属性
       //有时候可以直接data.name或者data[&#39;name&#39;]去访问
       //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success
   }
   });
$.ajax(options)
Nach dem Login kopieren

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 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage