Heim > Web-Frontend > js-Tutorial > Hauptteil

Informationen zum jQuery-Code zur Verwendung von $.ajax oder $.getJSON zum domänenübergreifenden Abrufen von JSON-Daten

小云云
Freigeben: 2018-02-02 13:39:27
Original
1733 Leute haben es durchsucht

JSON-Daten können über JQuery domänenübergreifend abgerufen werden, es muss jedoch klar sein, dass JQuery keine Daten in einem beliebigen JSON-Format über Domänen hinweg abrufen kann. Spezifische JSON-Daten zum domänenübergreifenden Lesen durch JQuery müssen über den Server ausgegeben werden. Möglicherweise haben Sie noch keine Ahnung davon, und das ist in Ordnung. Dieser Artikel wird diese Technologie auf die einfachste und verständlichste Weise vorstellen. Ich glaube, dass jeder sie leicht verstehen und tatsächlich anwenden kann.

In diesem Artikel wird hauptsächlich der Implementierungscode von JQuery vorgestellt, der $.ajax oder $.getJSON verwendet, um JSON-Daten domänenübergreifend abzurufen. Ich hoffe, dass er für alle nützlich ist .

JQuery ruft JSON-Daten in derselben Domäne ab

Zitieren Sie zunächst die jQuery-Bibliotheksdatei:

jQuery-Code:


var url="http://localhost:8000/user.php";
$(function(){
 $.getJSON(url,function(data){
 alert (data.name);
})
});
Nach dem Login kopieren

Servercode (PHP):


<?php 
header(&#39;Content-Type:text/html;Charset=utf-8&#39;); 
$arr = array( 
 "name" => "xiaoming", 
 "pass" => "123456"
); 
echo json_encode($arr); 
?>
Nach dem Login kopieren

Server-Rückgabezeichenfolge:

{"name":"xiaoming"," pass ":123456

JQuery ruft domänenübergreifende JSON-Daten ab

Zitieren Sie zunächst die jQuery-Bibliotheksdatei:

jQuery-Code:


var url="http://localhost:8000/user.php?jsoncallback=?";
$(function(){
 $.getJSON(url,function(data){
 alert (data.name);
})
});
Nach dem Login kopieren
Servercode (PHP):


<?php 
header(&#39;Content-Type:text/html;Charset=utf-8&#39;); 
$arr = array( 
 "name" => "xiaoming", 
 "pass" => "123456"
); 
echo $_GET[&#39;jsoncallback&#39;]."(".json_encode($arr).")"; 
?>
Nach dem Login kopieren
Server-Rückgabezeichenfolge (Parameter „jsoncallback“ muss übergeben werden):

jQuery19003894091040769696_1505708469340 ({"name": "xiaoming", "pass": 123456})

Erklärung: Der von jQuery übergebene Wert ist jedes Mal anders.

Der Unterschied zwischen dem Abrufen von JSON-Daten in derselben Domäne durch JQuery und domänenübergreifenden Punkten: 1) Die Schreibmethode von jQuery ist unterschiedlich zusätzlicher Parameter „jsoncallback=?“

2) Die serverseitige Rückgabezeichenfolge wird anders geschrieben. Beim Überqueren von Domänen müssen Sie den Eingabewert „‚jsoncallback‘“ verwenden. Das konstruierte Zeichenfolgenformat lautet: jsoncallback-Eingabewert (ursprüngliche JSON-Zeichenfolge) verwenden, achten Sie darauf, Klammern zu verwenden, um die ursprüngliche JSON-Zeichenfolge einzuschließen.

Zusammenfassung

Durch die Einführung in diesem Artikel sollte jeder verstehen, dass Sie andernfalls zunächst einen speziellen JSON-String auf der Serverseite erstellen müssen, wenn Sie möchten, dass jQuery JSON-Daten domänenübergreifend liest Glücklicherweise ist die Konstruktionsmethode sehr einfach und die Beispiele im Artikel können auf einen Blick verstanden werden.

jQuery + Ajax zum Abrufen domänenübergreifender JSON-Daten

Im vorherigen Beispiel wurde $.getJSON verwendet, um domänenübergreifende JSON-Daten zu erhalten. Tatsächlich verwenden wir $ .ajax-Methode Das Gleiche ist möglich. Zitieren Sie zunächst die jQuery-Bibliotheksdatei:

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage