POST ou requête XMLHttpRequest

Version imprimable

15/05/2024, 05h59
souviron34

POST ou requête XMLHttpRequest

Bonjour

Petite question bête à tous :

Dans un formulaire donné par une tierce partie (Paypal), ils fournissent le code d'un bouton dans une <form>

Cela m'embête beaucoup pour une transaction que je voudrais faire, car je voudrais que la page ne se rafraîchisse pas, et surtout j'ai 3 boutons sur la même page dont je voudrais que l'utilisateur ne clique que sur un seul, les 2 autres étant faits "par dessous" ().

Je me demandais (question bête, mais dont je n'ai pas la certitude de la réponse), si j'envoyais une requête XMLHttpRequest avec POST contenant le contenu de la form, cela reviendrait-il au même que d'avoir l'action POST dans la form ?

Du point de vue du destinataire est-ce identique ??

(en particulier avec les tests "isset" sur le bouton submit ?)

Merci à tous :)
15/05/2024, 13h42
licardentaistor

Oui dans les 2 cas tu envois une requête POST , Tant que les en-têtes et le corps de la requête sont correctement formatés, le serveur ne saura pas (et ne se souciera pas) de la méthode utilisée pour envoyer la requête.
15/05/2024, 14h16
souviron34
Yaisse !!!

Merci... :mrgreen:

Je le pensais, mais vu que c'est pour des paiements je préfère être certain... (j'avais indiqué question bête.. :aie: ça semble évident mais je suis un esprit tordu....)

Et comment satisfaire au critère isset sur le bouton submit ?

Si on met dans une page php, on aurait :
Code:

1 2 3 4 5 6 <form><input name=.....> <button type=submit name=ok .....></form> ..... <?php if (isset(ok)){ } ?>
Vu que la page d'arrivée est chez une tierce partie il est possible qu'ils aient ce test

Citation:

Envoyé par licardentaistor

Tant que les en-têtes et le corps de la requête sont correctement formatés, le serveur ne saura pas (et ne se souciera pas) de la méthode utilisée pour envoyer la requête.

Et dans un POST par défaut comme ceci :

Code:

1
2
3
4
5
6
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  <input type="hidden" name="cmd" value="_s-xclick" />
  <input type="hidden" name="hosted_button_id" value="XXXX" />
  <input type="hidden" name="currency_code" value="CAD" />
  <input type="image" src="https://www.paypalobjects.com/fr_CA/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" title="PayPal, le réflexe sécurité pour payer en ligne" alt="Acheter" />
</form>

comment peut-on savoir les détails de la requête ?

est-ce que je transforme la div en FormData pour l'envoyer si je n'aii plus de form ?

J'ai une bête petite fonction javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function post(url,a,cb,d,erf,sy){var r=gXhr();   
    r.addEventListener("load",function(){
           if(this.status>=200 && this.status<400){
                  if(cb!= null){
                        cb(d,this.responseText);}
                  else 
                      alert("REP "+this.responseText)}
          else{
               if(erf!=null)erf(this.status+" "+this.statusText);
              else alert("Erreur réseau "+this.status+" "+this.statusText)}
    });
 
    r.addEventListener("error",function(){
                 if(erf!=null)erf("Erreur réseau "+this.status+" "+this.statusText);
                 else alert("Erreur réseau "+this.status+" "+this.statusText)
 
    });
    r.open("POST",url,sy);
    r.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    r.send(a);
}

Sur le forum Javascript on m'a dit d'utiliser "fetch", qui formatte en JSON, mais j'aimerais comprendre le mécanisme qu'il faudrai sans fetch... :aie:8-)
Mais cette fonction post ci-dessus fait-elle exactement le meme travail qu'un POST php ?

16/05/2024, 13h11
Pytet

Citation:

Envoyé par souviron34

Mais cette fonction post ci-dessus fait-elle exactement le meme travail qu'un POST php ?

Oui le serveur recevra une requête http, peu importe que la requête soit envoyée depuis un formulaire ou via XHR/Fetch

Citation:

Envoyé par souviron34

comment peut-on savoir les détails de la requête ?

Tu peux utiliser l'onglet Réseau dans les outils de développement de ton navigateur pour analyser les requêtes ajax :
https://firefox-source-docs.mozilla....tor/index.html
https://firefox-source-docs.mozilla....ils/index.html

Si tu n'es pas déjà à l'aise avec l'utilisation de XHR ou Fetch, commence par faire quelques exercices avec un projet de test.
L'API Fetch est une évolution de l'API XHR, regarde comment fonctionne les 2 API mais préfères si possible l'utilisation de Fetch.
https://fr.javascript.info/fetch
https://fr.javascript.info/xmlhttprequest
16/05/2024, 14h19
souviron34

Citation:

Envoyé par Pytet

Oui le serveur recevra une requête http, peu importe que la requête soit envoyée depuis un formulaire ou via XHR/Fetch

Merci :D

Citation:

Envoyé par Pytet

Tu peux utiliser l'onglet Réseau dans les outils de développement de ton navigateur pour analyser les requêtes ajax :
https://firefox-source-docs.mozilla....tor/index.html
https://firefox-source-docs.mozilla....ils/index.html

Je le savais mais j'avais oublié :oops::oops::oops: Merci de pailler à ma mémoire défaillante :aie:

Citation:

Envoyé par Pytet

Si tu n'es pas déjà à l'aise avec l'utilisation de XHR ou Fetch, commence par faire quelques exercices avec un projet de test.
L'API Fetch est une évolution de l'API XHR, regarde comment fonctionne les 2 API mais préfères si possible l'utilisation de Fetch.
https://fr.javascript.info/fetch
https://fr.javascript.info/xmlhttprequest

Xhr je pratique depuis longtemos..
Fetch non...

Merci

Et merci à tous pour votre participation. Je clos le sujet :bravo::chin:

:merci: