Heim  >  Artikel  >  Web-Frontend  >  Wie mache ich domänenübergreifende JSONP-Anfragen in JavaScript ohne jQuery?

Wie mache ich domänenübergreifende JSONP-Anfragen in JavaScript ohne jQuery?

Susan Sarandon
Susan SarandonOriginal
2024-10-29 19:37:30181Durchsuche

How to Make Cross-Domain JSONP Requests in JavaScript Without jQuery?

Domainübergreifende JSONP-Anfragen in JavaScript ohne externe Bibliotheken erstellen

JSONP (JSON with Padding) ist eine Technik, die domänenübergreifende Anfragen ermöglicht durch Anhängen einer Rückruffunktion an die Anforderungs-URL. Die Rückruffunktion wird vom Client definiert und nach erfolgreichem Empfang der Anfrage vom Server ausgeführt.

So erstellen Sie eine JSONP-Anfrage ohne jQuery

Um eine JSONP-Anfrage ohne jQuery, Sie können diesen Schritten folgen:

  1. Erstellen Sie eine Rückruffunktion: Definieren Sie eine Funktion, die aufgerufen wird, wenn der Server mit den JSON-Daten antwortet. Dieser Funktion werden die Daten als Argument bereitgestellt.
<code class="javascript">function foo(data) {
    // Process the JSON data
}</code>
  1. Erstellen Sie die JSONP-URL: Erstellen Sie die URL für die JSONP-Anfrage, indem Sie die Rückruffunktion anhängen Name als Abfrageparameter.
<code class="javascript">const url = '//example.com/path/to/jsonp?callback=foo';</code>
  1. Erstellen Sie ein Skriptelement: Erstellen Sie ein Skriptelement und legen Sie sein src-Attribut auf die JSONP-URL fest.
<code class="javascript">const script = document.createElement('script');
script.src = url;</code>
  1. Fügen Sie das Skriptelement an das DOM an:Hängen Sie das Skriptelement an den Kopf des Dokuments an. Dadurch wird die Anfrage an den Server ausgelöst.
<code class="javascript">document.head.appendChild(script);
// or document.getElementsByTagName('head')[0].appendChild(script) in older browsers</code>

Sobald der Server mit den JSON-Daten antwortet, wird die Rückruffunktion ausgeführt und Sie können die bereitgestellten Daten verwenden, um Ihre Anwendung zu füllen.

Das obige ist der detaillierte Inhalt vonWie mache ich domänenübergreifende JSONP-Anfragen in JavaScript ohne jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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