Réfléchissez à la méthode dans JavaScript | Expliqué

La méthode fetch () est principalement connectée à l'utilisation de la technologie Web (connue sous le nom d'Ajax) qui échange des données avec des serveurs Web de manière asynchrone en arrière-plan. Pour insérer Ajax dans le site Web facilement, nous utilisons jQuery. Bien que ce processus soit facile et réduit les lignes de code. Cependant, cela peut entraîner une charge supplémentaire de 100 Ko sur le site Web.

Les développeurs utilisent XMLHttpRequequest pour inclure Ajax à l'aide de Pure JavaScript. Cependant, il a également un inconvénient, que nous devons coder des choses inutiles qui ne sont pas non plus bonnes. Pour éliminer tous ces inconvénients, la version JavaScript ES6 a introduit la méthode fetch (). En d'autres termes, la méthode fetch () peut être appelée remplacement de l'Ajax.

Gardant à la vue l'importance de la méthode fetch (), ce post vise à servir les résultats suivants:

• Comment fonctionne la méthode fetch () en javascript?
• Comment utiliser la méthode fetch () en javascript?

Comment fonctionne la méthode fetch () en javascript?

La méthode javascript fetch () nous fournit toutes les fonctionnalités que Ajax a. La méthode fetch () peut être utilisée pour créer, récupérer, mettre à jour et supprimer les opérations avec le serveur. Dans cette méthode, le codage est très moindre, et il est également rapide par rapport à XMLHTTPREQUEST. Une autre chose importante est que cette méthode fonctionne sur un serveur en direct.

Syntaxe
Le flux de travail détaillé de la méthode fetch () est expliqué ci-dessous.

Fetch (fichier / url)

La méthode fetch () prend le chemin du fichier en tant que paramètre. Lorsque cette méthode s'exécute, elle renvoie une promesse (une promesse est comme un état), une promesse est réussie ou échouée.

Fetch (fichier / url).alors()

Si la promesse est réussie, nous utilisons la fonction alors () avec la méthode fetch ().

Fetch (fichier / url).alors (fonction (resp_variable) return resp_variable.données;)

Après cela, nous créons une fonction dans laquelle nous obtenons une réponse du serveur comme paramètre à l'intérieur de la fonction. Le serveur envoie un fichier de données qui est ensuite envoyé en réponse.

Fetch (fichier / url).alors (fonction (resp_variable) return resp_variable.données;).alors()

La première fonction alors () renvoie également une promesse, et cette promesse est utilisée dans la deuxième fonction alors ().

Fetch (fichier / url).alors (fonction (resp_variable) return resp_variable.données;).alors (fonction (res_variable)
console.log (res_variable);)

Le résultat du serveur s'affiche à l'intérieur du deuxième corps de la fonction alors (). Ici Res_variable représente la variable qui contient un résultat réel qui est affiché à l'utilisateur.

Fetch (fichier / url).alors (fonction (resp_variable)
retourner resp_variable.données;
).alors (fonction (res_variable)
console.log (res_variable);
).catch (function (err_variable)
console.log (err_variable);
);

Dans la syntaxe ci-dessus, fichier / URL représente le chemin d'accès du fichier de langue côté serveur. Le resp_variable indique la réponse du serveur lorsque la méthode Fetch demande le chemin. Le res_variable représente la variable qui stocke la réponse finale après le resp_variable La fonction est exécutée et le err_variable représente la variable qui stocke une erreur si elle se produit.

La fonction Catch () est utilisée pour gérer les erreurs lorsque le serveur ne répond pas ou le fichier, nous envoyons contenant des erreurs.

Comment utiliser la méthode fetch () en javascript?

Dans JavaScript, la méthode fetch () prend un chemin de fichier comme paramètre et utilise la fonction pour renvoyer la réponse du serveur. Après cela, la réponse du serveur est à nouveau envoyée au serveur qui renverra le résultat. Comprenons l'utilisation de la méthode fetch () à travers un exemple pratique.

Code

Fetch ("Fet / Read.SMS").alors (fonction (r)
retour R.texte();
).alors (fonction (res)
console.log (res);
);

Dans ce code, la méthode Fetch demande une lecture.Le fichier txt après cette fonction, alors () obtient la réponse du serveur et le renvoie à nouveau au serveur. Enfin, nous utilisons à nouveau la fonction alors () pour afficher le résultat.

Sortir

La sortie ci-dessus montre que la méthode fetch () demande un lire.SMS dossier et obtient une promesse remplie en retour. Après cela, la fonction alors () utilise cette promesse et obtient la réponse du serveur et l'utilise à l'intérieur de son corps pour retourner la réponse avec le texte() méthode. Enfin, le second alors() la méthode obtient le résultat et affiche le contenu de la lecture.fichier txt.

C'est toutes les informations concernant la méthode fetch () en javascript. Vous avez compris le travail et l'utilisation de la méthode fetch () en javascript.

Conclusion

Dans JavaScript, la méthode fetch () est utilisée pour effectuer des opérations CRUD comme l'insertion, la mise à niveau, la lecture et la suppression des données du serveur. Pour ce faire, la méthode fetch () fait une demande au serveur et les données requises sont chargées sur la page Web sur l'approbation de la demande. Ce manuel descriptif fournit des informations détaillées sur le travail et l'utilisation de la méthode fetch () en javascript.