JavaScript36-Utilisation de la méthode POST dans une requête HTTP avec fetch( )-Débutant

preview_player
Показать описание
Dans cette vidéo j'utilise la méthode POST dans une requête HTTP avec la fonction fetch( ) en utilisant l'API web de JSONPlaceholder. Je vais créer un nouvel user.

►►Sommaire :
►00:00 Énoncé de l'exercice
►00:31 Quelques mots sur l'API REST
►03:38 Envoyez des données avec une requête HTTP et la méthode POST
►06:20 Dans le code

Temps montage (hors encodage et upload) :

Matériels de production :
►[iPad] LumaFusion, Ferrite, Affinity photo, Darkroom, Office 365
►[PC] DaVinci Resolve, Camtasia , TimeBolt, Affinity photo, Affinity Designer, DXO photoLab, Audacity, Adobe Bridge, Xmind, Office365
►Sony RX100M3 (2020/01), Huawei Honor 9X (2019-12)
►iPad pro, Pencil (2017/07) iPad mini 5 (2019-09), Wacom Bamboo Solo 4 (2019/09), Sony WH-1000XM3 (2018/09)
►Blue Yeti (2016/06) | PSA1 Studio arm | BLUE THE RADIUS II | Sony ICD TX650B (2017-01) | Rode NT-USB (2018/10)
►Ryzen 9 3900X (2019/11) | 64Go DDR4 3200 CL16 | ASUS ROG CROSSHAIR VIII HERO WIFI | Asus ROG-STRIX-RTX2070S-A8G Gaming | Samsung SSD interne 970 PRO (1TB) | Samsung SSD interne 970 EVO NVMe M.2 (1TB) | Corsair RM850x | Cooler Master Trooper SE | Prolite XB2783HSU (2016-01) | Prolite XB2783HSU (2014-07)
►MSI GS73 8RE-016FR Stealth UHD (2018/10)
►ASUS 17.3" LED - ROG Strix XG17AHPE (06-2020)
►Logitech MX Keys Plus (06-2020)
►Synologie DS218+, x2 Seagate 3TB IronWolf (2019/08), Google Drive 2TB, One Drive 1TB
►Logitech G402 Hyperion Fury (2018-07)
►Logitech G603 Lightspeed (06-2020)
  1. e-genieclimatique
  2. javascript
  3. débutant
  4. apprentissage
  5. programmation
  6. fonction
Рекомендации по теме
JavaScript36-Utilisation de la 0:20:27

JavaScript36-Utilisation de la méthode POST dans une requête HTTP avec fetch( )-Débutant

formulaire methode POST 0:06:09

formulaire methode POST

JavaScript37-Complément d'information sur 0:04:36

JavaScript37-Complément d'information sur fetch( ) et la vidéo JavaScript36

Cours 22 formulaire 0:09:48

Cours 22 formulaire get et post

Bases de PHP 0:06:31

Bases de PHP | Partie 18 - Méthode POST

JavaScript Fetch API 0:11:36

JavaScript Fetch API - GET/POST des Données En Js

JavaScript65-Découverte de la 0:08:11

JavaScript65-Découverte de la méthode splice( )-Modifier les valeurs d'un tableau-Débutant

JavaScript107-Envoie des données 0:14:14

JavaScript107-Envoie des données du panier et du formulaire vers un serveur avec fetch( ) et POST

fetch api with 0:00:20

fetch api with post method in javascript

JavaScript21-Découverte du Web 0:01:46

JavaScript21-Découverte du Web Storage et de la méthode removeItem( )-débutant

[15] HTML Formulaires 0:04:40

[15] HTML Formulaires GET POST !!

🇫🇷 TOUT SUR 0:11:45

🇫🇷 TOUT SUR LES MÉTHODES HTTP EN 12 MINUTES !

2- fetch post 0:22:58

2- fetch post api javascript

Utilisation du cache 0:12:19

Utilisation du cache pour l'API Fetch

JavaScript35-Utilisation de response.text() 0:05:37

JavaScript35-Utilisation de response.text() et de la méthode JSON.parse() - débutant

Javascript : faire 0:06:04

Javascript : faire une requête GET à une API avec l'objet XMLHttpRequest.

Encapsuler des requêtes 0:16:49

Encapsuler des requêtes GET ou POST dans des fonctions avec callback

Protocole HTTP (méthodes, 0:06:15

Protocole HTTP (méthodes, CRUD)

JavaScript34-Utilisation de async 0:12:19

JavaScript34-Utilisation de async et await et de try{ } et catch{ }-fonction asynchrone-débutant

JavaScript123-Faire les requêtes 0:29:10

JavaScript123-Faire les requêtes POST GET PUT et DEL avec POSTMAN-UPLOAD image et auth TOKEN

Envoyer des requête 0:09:57

Envoyer des requête à l'API Caviste

Organisation du code 0:16:40

Organisation du code avec des services pour les requêtes HTTP

Utiliser la fonction 0:30:19

Utiliser la fonction fetch pour envoyer des requêtes HTTP

JavaScript66-Découverte de la 0:06:35

JavaScript66-Découverte de la méthode slice( ) appliquée sur un tableau-Débutant

Комментарии
Автор

Merci beaucoup pour tes vidéos 🙏

Signé Homer Simpson

dwd
Автор

La vidéo est super claire !
Merci beaucoup à toi pour tes explications ! 👍

_tilu
Автор

Bonjour, Merci ça m'a bien aidé à comprendre, c'est possible d'avoir le mind mapping que tu présentes au début ? Merci encore !

kevincarpentier
Автор

merci pour la video. une question : si j'ai besoin de faire un post avec deux choses séparés (un object et un array) comment je fais pour mettre deux choses dans le body ? body: JSON.stringify(object, array) ?

FranciscoUberto