Was ist die Verwendung von fetch in es6?

In es6 wird fetch zum Initiieren von Anforderungen für Remote-Ressourcen verwendet und stellt eine Methode zum asynchronen Abrufen von Ressourcen über das Netzwerk bereit. Diese Methode ist im Fensterobjekt des BOM definiert und gibt ein Promise-Objekt mit der Syntax „fetch(url, Konfigurationsobjekt). then(function(response){})".

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Was ist die Verwendung von fetch in es6?

Grundlegende Syntax von fetch.

fetch(url,init).then(function(response) { } )

Wenn es sich um eine einfache Get-Anfrage ohne Parameter handelt, ist der zweite Parameter nicht erforderlich (der Standardwert ist Get-Request). Natürlich können Sie auch einige Anweisungen für diesen Abruf hinzufügen

• 
  

Der zweite Parameter enthält den Anforderungstyp, die Sendedaten, die Header, den Modus usw.

• 
  

Die Abrufmethode gibt auch ein Versprechensobjekt zurück.

• 
  

Wir benötigen zwei Then, um sie abzurufen Wenn Sie die vom Hintergrund zurückgegebenen Daten verarbeiten, geben Sie im ersten Parameter result.text() oder result.json() zurück, und dann können Sie im zweiten Parameter tatsächlich den spezifischen Wert zurückgeben und eine logische Verarbeitung daran durchführen

• 
  

  Wenn Sie feststellen möchten, ob die Anfrage fehlgeschlagen ist, ermitteln Sie bitte im ersten Schritt, welches das Anfragedatenobjekt enthält.
Die Fetch-API bietet eine JavaScript-Schnittstelle
• für den Zugriff auf und die Bearbeitung von Teilen der HTTP-Pipeline, wie z. B. Anfragen und Antworten. Es bietet außerdem eine globale fetch()-Methode, die eine einfache und sinnvolle Möglichkeit bietet, Ressourcen asynchron über das Netzwerk abzurufen.
  Diese Funktion wurde zuvor mit XMLHttpRequest implementiert. Fetch bietet eine bessere Alternative, die problemlos von anderen Technologien wie Servicemitarbeitern genutzt werden kann. Fetch bietet außerdem einen einzigen logischen Speicherort zum Definieren anderer HTTP-bezogener Konzepte wie CORS und Erweiterungen für HTTP.

fetch unterstützt nur domänenübergreifendes CORS und kein JSONP-Crossing

<script>
    //fetch发送数据
    //支持CORS跨域,没有办法接受jsonp数据
    function getData() {
        //支持 cors跨域url地址&#39;http://api.yytianqi.com/air?city=CH010100&key=2c5br4sgmguremgg&#39;
        //https://api.douban.com/v2/book/1220562?callback=func
       return fetch(&#39;http://localhost:3001/getdata&#39;)
            .then(function (response) {
                console.log(response);
                //promise对象返回
                return response.json();
            })
    }
    getData().then(function (data) {
        console.log(data);
    })
</script>

Javascript-Video-Tutorial

Web-Frontend]

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von fetch in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!