JQuery verwendet $.ajax oder $.getJSON, um JSON-Daten domänenübergreifend abzurufen.

In diesem Artikel wird hauptsächlich der Implementierungscode von JQuery vorgestellt, der $.ajax oder $.getJSON verwendet, um JSON-Daten domänenübergreifend abzurufen. Freunde, die mit JQuery nicht vertraut sind, können auf diesen Artikel verweisen

JSON-Daten können über JQuery domänenübergreifend abgerufen werden, es muss jedoch klar sein, dass JQuery keine domänenübergreifenden Daten in einem beliebigen JSON-Format 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.

JQuery ruft JSON-Daten in derselben Domäne ab

Zuerst zitieren Sie die jQuery-Bibliotheksdatei:

jQuery-Code:

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

Servercode (PHP):

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

Server gibt String zurück:

{"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);
})
});

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).")"; 
?>

Server gibt Zeichenfolge zurück (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:

Konstruktionsmethode

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.