Quelle est l'utilité de fetch dans es6

Dans es6, fetch est utilisé pour lancer des requêtes de ressources distantes et fournit une méthode pour obtenir des ressources de manière asynchrone sur le réseau ; cette méthode est définie dans l'objet window de la BOM et renvoie un objet Promise avec la syntaxe "fetch(url, objet de configuration). then(function(response){})".

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

À quoi sert fetch dans es6

Syntaxe de base de fetch

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

es6 Comment utiliser fetch ? Description des paramètres de JavaScript

fetch

• fetch reçoit deux paramètres, le premier est l'adresse et est obligatoire , et le second Two est facultatif pour les objets de configuration.
  

• S'il s'agit d'une simple requête get sans paramètres, alors le deuxième paramètre n'est pas requis (la valeur par défaut est get request. Bien sûr, vous pouvez également ajouter quelques instructions pour cette récupération
  

• Le deuxième paramètre). contient le type de requête, les données d'envoi, les en-têtes, le mode, etc.
  

• La méthode fetch renvoie également un objet de promesse Nous ne pouvons utiliser que then pour obtenir les données de retour
  

• Nous avons besoin de deux then pour obtenir. les données renvoyées par l'arrière-plan, return result.text() ou return result.json() dans le premier then, puis dans le deuxième paramètre, vous pouvez réellement obtenir la valeur spécifique renvoyée et y effectuer un traitement logique.

• Si Pour déterminer si la demande a échoué, veuillez déterminer dans le premier puis, qui contient l'objet de données de la demande.

L'API Fetch fournit une interface JavaScript pour accéder et manipuler des parties du pipeline HTTP, telles que les requêtes et les réponses. Il fournit également une méthode globale fetch() qui fournit un moyen simple et raisonnable d'obtenir des ressources de manière asynchrone sur le réseau.

Cette fonction était auparavant implémentée à l'aide de XMLHttpRequest. Fetch offre une meilleure alternative qui peut être facilement utilisée par d'autres technologies, telles que Service Workers. Fetch fournit également un emplacement logique unique pour définir d'autres concepts liés à HTTP, tels que CORS et les extensions HTTP.

L'API Fetch fournit une méthode fetch(), qui est définie dans l'objet window de la BOM. Vous pouvez l'utiliser pour lancer une demande de ressources distantes. Cette méthode renvoie un objet Promise, permettant de récupérer les résultats de retour de la requête.

fetch ne prend en charge que CORS inter-domaines et ne prend pas en charge le croisement JSONP

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

[Recommandations associées : tutoriel vidéo javascript, front-end web]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!