TUTO JS & PHP - #15 TRAITER UN FORMULAIRE DE FAÇON ASYNCHRONE

👨‍💻 Retrouvez tout le code du tuto ici : www.primfx.com...
Après avoir abordé les requêtes asynchrones en JS dans le précédent tuto, il est temps de les mettre en pratique en voyant comment traiter nos formulaires de façon asynchrone à l'aide de JavaScript et, dans cet exemple, de PHP !
🙋 Une question ? Le forum du site dédie une section entière au JavaScript ! ➡️ www.primfx.com...
N'oubliez pas de vous abonner, c'est rapide et sympa !
-------------------------------------------------------------------------------­----------------
► S'abonner : goo.gl/Cfrt1B
► Site internet : primfx.com
► Me suivre (réseaux sociaux) : social.primfx....
Musique d'intro: dlvsound.wordp...
Copyright © PrimFX

[@raymondmoundzele4907]

Salut Boris ! J'aime ta simplicité dans tes explications c'est comme si l'abstraction des objets devient toute réelle. Tu rends le PHP simpliste d'ailleurs c'est grâce à toi que que l'on m'appelle aujourd'hui Développeur PHP. Merci pour ce tuto

[@jquellier]

J'ai suivi le tuto à la lettre et cela fonctionne parfaitement en comprenant bien toutes les étapes. Merci beaucoup pour ce tuto qui m'aide grandement !

[@nonoyz4048]

Les gars j'ai trouvé le Pierre Giraud 2.0 ! (c'est un compliment :))))). Merci j'adore, je me gave !

[@jbboschung]

Bonjour, je viens de découvrir vos vidéos en cherchant des infos sur le XMLHttpRequest pour une utilisation dans Leaflet, et franchement, BRAVO et merci. Limpidité, simple et efficace. Du coup je vais profiter et me faire la totalité des vidéos sur le javascript. Merci encore

[@ourwamoussa1862]

je suis nouveau dans ce site , mais je suis entrain de regarder tous tes tutos, franchement, ça ma tellement plu, je vous remercies beaucoup!, donc j'aimerai allez loin, pour qu'un jour je puisse créez ma propre site !

[@astro58685]

C'est rare de voir quelqu'un autant pédagogue sur KZbin, franchement je te félicite tu expliques super bien 🙏🙏🙏🙏

[@stephanebiboue7906]

merci infiniment ton tuto vient de me sauver la vie c'est juste parfait

[@axonile836]

Merci pour ce tuto avancé. Pense juste à bien montrer l'objectif final dès le début en pratique sur la page web. Ça aide à suivre. C'est comme a logique des épisodes de Starwars.

[@fabricenade9982]

Merci c'est juste super !!!!! Très bien expliqué. Content d'avoir découvert ta chaîne

[@Mescudi94]

Pour ceux qui ont des problèmes pour afficher la response dans la console... Remplacez tous les "this" par "xhr", et le "this" du "new FormData('this') par l'élément formulaire directement , du genre par exemple : let form = document.querySelector('form') let data = new FormData('form') ; ou en dur mais pas sur que ça fonctionne: let data = new FormData(document.querySelector('form'));

[@nicolascolinas9986]

Le je dois avouer que je n'ai pas envie de mettre un petit pouce bleu. je préfère en mettre un gros. Bravo et merci beaucoup pour ce tuto !

[@manon3054]

Merci pour ce tuto qui m'a bien aidée :)

[@rayunn3502]

Tuto simple et efficace ! Franchement merci !

[@modjo38]

Tuto très clair, exemple bien concret, un grand merci !

[@aliplaysgtr]

Tuto de grande qualité, merci beaucoup!

[@Bau7a]

merci PrimFx pour ce tuto riche en ' matière grasse ' , je suis encore débutant en web ( php , js....) , bref , qu'elle est la différence entre cette méthode XMLHTTPRequest ( xml & JSon ) et ajax ( $.ajax({ url : .....,datatype:"json",type:"POST"....) , en effet le traitement de validation ce fait coté php, donc qu'elle sont les avantages d'utilisé xmlhttprequest par rapport a ajax !! merci bcx et bon dev.

[@primfxdesign]

Merci pour le commentaire 😀 Il y a en fait une différence un peu ambiguë entre Ajax qui est une technologie (l'acronyme de « Asynchronous JavaScript And XML ») et le module Ajax de la bibliothèque jQuery très populaire parmi les utilisateurs de JavaScript, puisqu'elle a pour but de simplifier le code JS à écrire pour réaliser un certain nombre d'opérations bien pratiques. Ainsi, quand on voudra faire du Ajax en JS, c'est-à-dire *sans* jQuery chargé (donc pas de module Ajax façon $.ajax{...}), on sera en fait forcé d'utiliser l'objet XMLHttpRequest (ou bien la méthode plus récente "fetch" éventuellement). Cependant, jQuery intégrant ce fameux module « $.ajax » qui a pour but de simplifier l'écriture des requêtes asynchrones, il est tout à fait possible de l'utiliser *à la place* du XMLHttpRequest ! De mon côté, je préfère nettement utiliser le module Ajax de jQuery pour ce genre d'opérations, car la syntaxe rend le code nettement plus ergonomique (et même évolutif) pour le développeur. Cependant, le fait de comprendre ces requêtes en pure JS permet également de mieux appréhender le fonctionnement des autres possibilités qui existent pour faire de l'asynchrone, d'où mon intention de proposer un tuto là-dessus ! (et aussi parce que la série concerne JavaScript et non jQuery, c'est vrai 😅)

[@sergedutilleul]

@@primfxdesign Super, la vidéo, merci. Comptes-tu faire une version qui expliquera l'utilisation de fetch ?

[@nelsholy]

J'ai fais la même chose chez moi mais le console.log me renvoyer null lorsque json_encode est or du if et 0 lorsque je sors du if 😩😩

[@Wistaro]

Rien à dire, très bon tuto!

[@armela54]

Bonjour PrimFX , excellent travail. Pourrais-tu stp faire un tuto sur le traitement de QCM avec PHP ?

[@Lexiio]

Génial! Continue comme ça !! ;)

[@nganjienzatsi581]

merci pour vos tutos. pardon je n'arrive pas à envoyer un fichier uploader depuis le formulaire vers la page php

[@ameb2908]

Salut Boris, chez moi rien fonctionne, même pas la fenêtre d'alerte.

[@armellotaku2533]

Salut je trouve tes tutoriels génial, mon point de vue est subjectif mais je trouve que ajax est beaucoup plus compréhensible 😊

[@primfxdesign]

Merci ! Effectivement et je suis entièrement d'accord sur Ajax, mais bon, Ajax reste un module de jQuery et vu qu'on est dans la série pure JS pour l'instant, je montre le principe en JS :-)

[@armellotaku2533]

@@primfxdesign oui effectivement c'est une méthode à connaître, personnellement je ne l'utilise pas trop mais je vais essayer je le faire en pur js dans mes prochains projets. Alors merci encore pour le tutoriel.

[@AlbertEinstein-um3vq]

Salut! Tout d'abord, big-up et merci de partager tes connaissances (de plus, tu es largement plus jeune que moi et ça c'est la classe !) => [Etre un "vieux" et se faire remettre en questions par la nouvelle génération ça fait du bien ! ça rafraîchit ! ]. J'ai une question pour toi, je suis sur un projet et je sèche... J'aimerais créer une fonction du genre [preview] sur mon site, c'est à dire, que l'utilisateur crée un topic (nom, titre_du_topic, topic etc...) via un formulaire et un bouton "prévisualiser" mettrait toutes ses données saisies dans un HTML que j'ai prévu avec mes styles pour créer une sorte de wiki MAIS qu'il puisse voir s'il n'a pas commis d'erreur avant l'envoi en BDD (de plus, un autre bouton permettrait de revenir au formulaire sans qu'il n'ait été vidé). J'ai tenté de travailler sur le $_SESSION, mais je n'ai pas encore été capable de finaliser. Je ne sais pas si c'est clair (j'ai essayé en tout cas... ;-) En gros, je souhaite utiliser sur une page preview.php les données saisies dans le form sans faire le POST... ). Je ne demande pas la charité, mais aurais-tu déjà un ou plusieurs tutos qui pourraient m'aider dans ma quête ? Si tu ne répondais que par des liens, ça m'irait déjà très bien :D Excellent job dans tous les cas et merci encore !

[@benbug6111]

Cette vidéo date un peu je doute qu'il puisse voir ton commentaire , n'hésite pas a poster ta question sur le forum openclassroom je pense que quelqun pourrais t'aider la bas , cordialement

[@إبراهيممحمد-غ1ط4ل]

Bonsoir Monsieur Pourriez-vous voir mes lignes de code j'ai un petit souci avec. Merci

[@pedez0uy]

Merci, pour ce tuto je me demander comment ajouter cette function dans un boutton car je veux valider un formulaire en ayant le boutton submit hors de la balise forms merci de ta réponse.

[@alandlys2676]

Génial, merci, dites est ce qu'on peut associer ça avec codeigniter?

[@marielauredebeaune1780]

salut Boris comment tu intègres cela avec une BDD

[@osm70]

merci... très claire

[@jean-pierrebruneau8587]

C'est si simple en AJAX ! je parles d'un AJAX pur pas les usines à gaz genre jquery

[@mehdidjaoutsi1001]

merci

[@jc0164]

sympa !! Merci

[@cedric88160]

Exemple ou pas pour les vérifications, il faut savoir un truc, les données en bdd doivent rester brut, on n'utilise pas htmlspecialchars ou autres pour les insertions c'est UNIQUEMENT pour faire l'affichage sur une page tierce, ne surtout pas faire comme dans l'exemple de la vidéo parce que quand je vois les coms de certains qui crient super efficace et j'en passe heu non messieurs c'est pas une bonne pratique.

[@darcydev9509]

J'aime beaucoup ta chaîne. Mais un tuto nous de like et dislike sans rechargement de la page est nécessaire

[@MaekoJapan]

avec ce tuto et les tutos php/mysql, tu devrais savoir comment faire un système de "like / dislike" sans problème. Si non tu as des forums pour ça, un bon dev. doit savoir se débrouiller

[@semanchristinakoco4084]

Merci