Heim > Artikel > Web-Frontend > jsonp+json implementiert domänenübergreifende AJAX-Anfragen
Dieses Mal werde ich Ihnen jsonp+json zur Implementierung domänenübergreifender AJAX-Anfragen vorstellen. Was sind die Vorsichtsmaßnahmen für jsonp+json zur Implementierung domänenübergreifender AJAX-Anfragen? Schauen Sie mal rein.
AJAX () ist eine Technologie zum Erstellen schneller dynamischer Webseiten. Sie tauscht Daten mit dem Server aus und aktualisiert Teile der Webseite, ohne die gesamte Seite neu zu laden Um im Hintergrund Daten mit dem Server auszutauschen, ist XMLHttpRequest die Grundlage von AJAX, das es clientseitigem JavaScript ermöglicht, über 异步的 JavaScript 和 XML
-Anfragen eine Verbindung zu einem Remote-Server herzustellen. XMLHttpRequest
HTTP
Aufgrund von Browsereinschränkungen kann diese Methode jedoch nicht für den domänenübergreifenden Zugriff verwendet werden. Wenn diese Methode für den domänenübergreifenden Zugriff verwendet wird, treten Sicherheitsprobleme auf. Wir können jedoch feststellen, dass der domänenübergreifende Aufruf von js-Dateien auf einer Webseite nicht durch den Browser eingeschränkt wird, sodass wir die Daten vom Remote-Server in eine js-Formatdatei laden und sie dann für den Client verwenden können Anruf.
JSON (
) ist ein leichtes Textdatenaustauschformat, das selbstbeschreibend und leicht zu verstehen ist. JSON kann mit analysiert werden und JSON-Daten können mit JavaScript 对象表示法
übertragen werden. JavaScript
AJAX
JSON-Beispiel:
{ "employees": [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName":"Carter" } ] }
JSON-Syntax ist eine Teilmenge der JavaScript-Objektnotationssyntax:
Daten in
-Paaren, Daten getrennt durch,名称/值
Objekt speichern, 逗号
Speichern花括号
. 方括号
数组
Funktionen von JSON
-Datei generieren, dann die vom Client benötigten Daten in diese Datei laden und die Datei dann zurück übertragen an den Kunden Es wird zur JSON
KundennutzungJSON
bereitgestellt. Um dem Client die Nutzung von Daten zu erleichtern, hat sich nach und nach ein informelles Übertragungsprotokoll entwickelt. Einer der wichtigsten Punkte dieses Protokolls besteht darin, Benutzern die Übergabe eines -Parameters an den Server zu ermöglichen, der dann vom Server verwendet wird Dies JSONP
bei der Rückgabe von Daten. Die Parameter werden als Funktionsnamen zum Laden von callback
Daten verwendet, sodass der Client seine eigene Funktion anpassen kann, um die zurückgegebenen Daten automatisch zu verarbeiten. callback
JSON
Eine einfache Möglichkeit ist die Verwendung von jQuery:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>test</title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $.ajax({ type: "get", async: false, url: "http://encounter.christmas023.space/json.php?name=mavis&age=18", dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"message",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 success: function(json){ alert('你的名字:' + json.name + ' 年龄: ' + json.age); }, error: function(){ alert('fail'); } }); }); </script> </head> <body> </body> </html>
Anforderungstyp type
, GET oder POST, der Standardwert ist GET;
async
url
jsonpCallback
: Diese Methode wird aufgerufen, wenn die Anfrage fehlschlägt. success
error
zurück, und die in die Funktion eingeschlossenen Daten haben das Format
.Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre: message
JSON
Ajax in jQuery aufrufen, um eine asynchrone Implementierung zu erreichen
Das obige ist der detaillierte Inhalt vonjsonp+json implementiert domänenübergreifende AJAX-Anfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!