[Javascript] Utilisation de la commande POST

Fermé

regedit32 Messages postés 13 Date d'inscription jeudi 17 juin 2010 Statut Membre Dernière intervention 23 octobre 2011 - 22 oct. 2011 à 05:20
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 24 oct. 2011 à 13:40

Bonjour,
Je suis novice en javascript et je cherche à utiliser la commande POST pour remplir 3 fois de suite un même formulaire mais en retour j'ai une erreur 302, voici mon code (simplifié).

xhr = new XMLHttpRequest(); 
xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
xhr.send("champ1=42;champ2=1337;champ3=valeur");

xhr = new XMLHttpRequest(); 
xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
xhr.send("champ1=42;champ2=1337;champ3=valeur");

xhr = new XMLHttpRequest(); 
xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
xhr.send("champ1=42;champ2=1337;champ3=valeur");

Je sollicite donc votre aide pour savoir si il y a une erreur dans le code que j'ai posté,
Merci d'avance.

A voir également:

[Javascript] Utilisation de la commande POST
Invite de commande - Guide
Notice d'utilisation - Guide
Utilisation chromecast - Guide
Commande terminal mac - Guide
Telecharger javascript - Télécharger - Langages

11 réponses

Réponse 1 / 11

regedit32 Messages postés 13 Date d'inscription jeudi 17 juin 2010 Statut Membre Dernière intervention 23 octobre 2011 2
23 oct. 2011 à 01:13

J'ai testé ta solution en la mettant dans un fichier.html que j'ai uploadé sur mon serveur:


<html> 
<head> 
<script type="text/javascript"> 
//fonction creation requette
function creer_requette(){
	var xhr = false;
//créer une instance (un objet) de la classe désirée fonctionnant sur plusieurs navigateurs
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		xhr = new XMLHttpRequest();
		if (xhr.overrideMimeType) {
			xhr.overrideMimeType('text/xml');//un appel de fonction supplémentaire pour écraser l'en-tête envoyé par le serveur, juste au cas où il ne s'agit pas de text/xml, pour certaines versions de navigateurs Mozilla
		}
	} else if (window.ActiveXObject) { // IE
		try {
		xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}

	if (!xhr) {
	alert('Abandon :( Impossible de créer une instance XMLHTTP');
	return false;
	}
	return xhr;
}

/////// fonction AJAX, celle que tu dois appeler en lui passant ces trois arguments /////
function requette_Ajax(valeur1,valeur2,valeur3){
	var xhr = false;
	xhr=creer_requette();
	
	//affectation fonction appelée qd on recevra la reponse 1
	http_request.onreadystatechange = function() { 
		if (http_request.readyState == 4) {
			if (http_request.status == 200) {
				//deuxiemme appel 
				var xhr = false;
				xhr=creer_requette();
			
				//affectation fonction appelée qd on recevra la reponse 2
				http_request.onreadystatechange = function() { 
					if (http_request.readyState == 4) {
						if (http_request.status == 200) {
							//troisieme appel 
							var xhr = false;
							xhr=creer_requette();
					
							//affectation fonction appelée qd on recevra la reponse 3
							http_request.onreadystatechange = function() {
								if (http_request.readyState == 4) {
									if (http_request.status == 200) {
										alert("Fin traitement troisieme appel");
									}
								}
							} 
					
							//lancement de la 
							xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
							//changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres http_request.open('POST'....
							http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
							xhr.send("champ1=1&champ2=1337&champ3=42");
						}
					}
				}
			}
		} 
	
		//lancement de la 
		xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
		//changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres http_request.open('POST'....
		http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		xhr.send("champ1=1&champ2=1337&champ3=42");
	
	
	} 
	
	//lancement de la 
	xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
	//changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres http_request.open('POST'....
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("champ1=1&champ2=1337&champ3=42"); //la je suppose que valeur est passé en argument à la fonction
} //fin fonction

</script> 
</body> 
</html>

Quand je vais sur ma page il ne s'affiche rien et dans le logiciel Charles qui permet de monitorer les requètes HTTP il n'y a rien non plus, ni dans la console de l'extension firebug, ni dans celle de firefox.

Un grand merci pour l'aide que tu m'a déjà apporté, j'ai beaucoup avancé grace à toi, je sens qu'il ne manque plus grand chose pour que le script fonctionne.

Réponse 2 / 11

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
22 oct. 2011 à 11:42

Salut,

Il faut utiliser « & » à la place de « ; » pour séparer les paramètres, exactement comme dans les URLs (GET).

Réponse 3 / 11

regedit32 Messages postés 13 Date d'inscription jeudi 17 juin 2010 Statut Membre Dernière intervention 23 octobre 2011 2
22 oct. 2011 à 13:34

J'ai remplacé les ; par des & mais ça ne change rien.
Quand je test mon script dans la console de firefox j'ai pour réponse " undefined" quand je colle la 2eme ligne (xhr.open), quand je met la 3 eme ligne j'ai " [Exception... "Component returned failure code: 0xc1f30001 (NS_ERROR_NOT_INITIALIZED)" nsresult: "0xc1f30001 (NS_ERROR_NOT_INITIALIZED)" location: "JS frame :: Web Console :: <TOP_LEVEL> :: line 1" data: no]"

Si je met les 3 ligne d'un coup j'ai erreur 302 en plus de l'exeption .

Réponse 4 / 11

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
22 oct. 2011 à 14:02

il te manque des lignes dans ton Ajax, de plus il faudrait peut être que tu attende la fin de l'exécution de la première avant de lancer la deuxième

une solution:

//fonction creation requette
function creer_requette(){
	var xhr = false;
//créer une instance (un objet) de la classe désirée fonctionnant sur plusieurs navigateurs
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		xhr = new XMLHttpRequest();
		if (xhr.overrideMimeType) {
			xhr.overrideMimeType('text/xml');//un appel de fonction supplémentaire pour écraser l'en-tête envoyé par le serveur, juste au cas où il ne s'agit pas de text/xml, pour certaines versions de navigateurs Mozilla
		}
	} else if (window.ActiveXObject) { // IE
		try {
		xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}

	if (!xhr) {
	alert('Abandon :( Impossible de créer une instance XMLHTTP');
	return false;
	}
	return xhr;
}

/////// fonction AJAX, celle que tu dois appeler en lui passant ces trois arguments /////
function requette_Ajax(valeur1,valeur2,valeur3){
	var xhr = false;
	xhr=creer_requette();
	
	//affectation fonction appelée qd on recevra la reponse 1
	http_request.onreadystatechange = function() { 
		if (http_request.readyState == 4) {
			if (http_request.status == 200) {
				//deuxiemme appel 
				var xhr = false;
				xhr=creer_requette();
			
				//affectation fonction appelée qd on recevra la reponse 2
				http_request.onreadystatechange = function() { 
					if (http_request.readyState == 4) {
						if (http_request.status == 200) {
							//troisieme appel 
							var xhr = false;
							xhr=creer_requette();
					
							//affectation fonction appelée qd on recevra la reponse 3
							http_request.onreadystatechange = function() {
								if (http_request.readyState == 4) {
									if (http_request.status == 200) {
										alert("Fin traitement troisieme appel");
									}
								}
							} 
					
							//lancement de la 
							xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
							//changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres http_request.open('POST'....
							http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
							xhr.send("champ1=42&champ2=1337&champ3="+valeur3);
						}
					}
				}
			}
		} 
	
		//lancement de la 
		xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
		//changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres http_request.open('POST'....
		http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		xhr.send("champ1=42&champ2=1337&champ3="+valeur2);
	
	
	} 
	
	//lancement de la 
	xhr.open("POST", "http://www.adresseDuFormulaire.cfm", false);
	//changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres http_request.open('POST'....
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("champ1=42&champ2=1337&champ3="+valeur1); //la je suppose que valeur est passé en argument à la fonction
} //fin fonction

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 11

regedit32 Messages postés 13 Date d'inscription jeudi 17 juin 2010 Statut Membre Dernière intervention 23 octobre 2011 2
22 oct. 2011 à 16:29

J'ai tester dans la console de firefox 7.0 ton code jusqu'à la première requête post mais j'obtient "undefined" comme réponse et aucune requête HTML n'est envoyée.
J'ai tester de n'exécuter que le début ( fonction création requête) et j'ai aussi "undefined".

Réponse 6 / 11

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
Modifié par Alain_42 le 22/10/2011 à 21:23

je n'ai pas FF7 mais FF6 et ne connait pas la console dont tu parles (elle ne marche peut etre pas avec Ajax), perso j'utilise la console d'erreur JS pour voir les erreur après exécution en réel de la fonction
Voici un code qui fonctionne chez moi j'ai mis un script script_test.php en script appelé

<html> 
<head> 
<script type="text/javascript"> 
//init variables globales 
cpt=1; 
valeur_mem1=""; 
valeur_mem2=""; 
valeur_mem3=""; 
//fonction gestion requettes celle que tu dois appeler en lui passant ces trois arguments ///// 
function gest_req_multiple(url,valeur1,valeur2,valeur3){ 
 valeur_mem1=valeur1; //memo
 valeur_mem2=valeur2; 
 valeur_mem3=valeur3; 
 if(cpt==1){requette_Ajax(url,valeur_mem1);} 
 if(cpt==2){requette_Ajax(url,valeur_mem2);} 
 if(cpt==3){requette_Ajax(url,valeur_mem3);} 
  
   
} 
//fonction creation requette 
function creer_requette(){ 
 var xhr = false; 
//créer une instance (un objet) de la classe désirée fonctionnant sur plusieurs navigateurs 
 if (window.XMLHttpRequest) { // Mozilla, Safari,... 
  xhr = new XMLHttpRequest(); 
  if (xhr.overrideMimeType) { 
   xhr.overrideMimeType('text/xml');//un appel de fonction supplémentaire pour écraser l'en-tête envoyé par le serveur, juste au cas où il ne s'agit pas de text/xml, pour certaines versions de navigateurs Mozilla 
  } 
 } else if (window.ActiveXObject) { // IE 
  try { 
  xhr = new ActiveXObject("Msxml2.XMLHTTP"); 
  } catch (e) { 
   try { 
    xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
   } catch (e) {} 
  } 
 } 

 if (!xhr) { 
 alert('Abandon :( Impossible de créer une instance XMLHTTP'); 
 return false; 
 } 
 return xhr; 
} 

/////// fonction AJAX,
function requette_Ajax(url,valeur){ 
 var xhr = false; 
 xhr=creer_requette(); 
  
 //affectation fonction appelée qd on recevra la reponse 1 
 xhr.onreadystatechange = function() {  
   
  if (xhr.readyState == 4) { 
   if (xhr.status == 200) { 
    var reponse=xhr.responseText;     
    cpt++; 
    if(cpt <=3){ 
     gest_req_multiple(url,valeur_mem1,valeur_mem2,valeur_mem3); 
    }else{ 
     cpt=1; 
     alert("fin des 3 requettes !"); 
    } 
   } 
  }   
  
  
 }  
  
 //lancement de la  
 xhr.open("POST", url, false); 
 //changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres xhr.open('POST'.... 
 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
 xhr.send("champ1=42&champ2=1337&champ3="+valeur); //la je suppose que valeur est passé en argument à la fonction 
} //fin fonction 
</script> 
<head> 
<body> 
<br /><br /> 
<a href="javascript:gest_req_multiple('script_test.php','10','20','30')">test</a> 
</body> 
</html>

et le script_test_.php:

<?php 
echo "OK"; 
//simpliste 
?>

Alors fais un essai en réel

Réponse 7 / 11

regedit32 Messages postés 13 Date d'inscription jeudi 17 juin 2010 Statut Membre Dernière intervention 23 octobre 2011 2
22 oct. 2011 à 22:12

Je doit le mettre où ton script ajax? Dans l'ardoise javascript(scratchpad)?
Et le fichier.php ?

Réponse 8 / 11

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
22 oct. 2011 à 22:17

le script javascript/ajax tu le mets dans ta page
comme dans mon exemple

et tu upload ta page et le script php sur le serveur dans le même répertoire

tu appelles ta page et déclenche le javascript en cliquant sur le lien test

Réponse 9 / 11

regedit32 Messages postés 13 Date d'inscription jeudi 17 juin 2010 Statut Membre Dernière intervention 23 octobre 2011 2
Modifié par regedit32 le 22/10/2011 à 22:51

Je n'ai pas de serveur pour uploader la page donc je l'ai sauvegardée dans un fichier.html dans le même dossier que script_test.php.

Je vois le lien de test mais quand je clique dessus il ne se passe rien.
Ne fonctionne pas nom plus avec:
Google Chrome 14
Opera 11.51
Internet Explorer 9
Firefox 9.0 Alpha 2

EDIT:
C'est bon j'ai finalement put l'uploader sur un serveur web, quand je clique sur "test" ça m'affiche "fin des 3 requettes !" donc c'est bon?

Réponse 10 / 11

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
23 oct. 2011 à 22:05

normal tu n'as pas utilisé la dernière version que je t'ai donné
celle qui comporte une fonction gest_req_multiple(

du 22/10 à 21h09

regedit32 Messages postés 13 Date d'inscription jeudi 17 juin 2010 Statut Membre Dernière intervention 23 octobre 2011 2
23 oct. 2011 à 22:42

Je ne trouve pas dans ton code la fonction gest_req_multiple(

Réponse 11 / 11

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
24 oct. 2011 à 13:40

bon le revoilà:
<code><html>
<head>
<script type="text/javascript">
//init variables globales
cpt=1;
valeur_mem1="";
valeur_mem2="";
valeur_mem3="";
//fonction gestion requettes celle que tu dois appeler en lui passant ces trois arguments /////
function gest_req_multiple(url,valeur1,valeur2,valeur3){
valeur_mem1=valeur1; //memo
valeur_mem2=valeur2;
valeur_mem3=valeur3;
if(cpt==1){requette_Ajax(url,valeur_mem1);}
if(cpt==2){requette_Ajax(url,valeur_mem2);}
if(cpt==3){requette_Ajax(url,valeur_mem3);}

}
//fonction creation requette
function creer_requette(){
var xhr = false;
//créer une instance (un objet) de la classe désirée fonctionnant sur plusieurs navigateurs
if (window.XMLHttpRequest) { // Mozilla, Safari,...
xhr = new XMLHttpRequest();
if (xhr.overrideMimeType) {
xhr.overrideMimeType('text/xml');//un appel de fonction supplémentaire pour écraser l'en-tête envoyé par le serveur, juste au cas où il ne s'agit pas de text/xml, pour certaines versions de navigateurs Mozilla
}
} else if (window.ActiveXObject) { // IE
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}

if (!xhr) {
alert('Abandon :( Impossible de créer une instance XMLHTTP');
return false;
}
return xhr;
}

/////// fonction AJAX,
function requette_Ajax(url,valeur){
var xhr = false;
xhr=creer_requette();

//affectation fonction appelée qd on recevra la reponse
xhr.onreadystatechange = function() {

if (xhr.readyState == 4) {
if (xhr.status == 200) {
var reponse=xhr.responseText;
cpt++;
if(cpt <=3){
gest_req_multiple(url,valeur_mem1,valeur_mem2,valeur_mem3);
}else{
cpt=1;
alert("fin des 3 requettes !");
}
}
}

}

//lancement de la
xhr.open("POST", url, false);
//changer le type MIME de la requête pour envoyer des données avec la méthode POST , !!!! cette ligne doit etre absolument apres xhr.open('POST'....
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send("champ1=42&champ2=1337&champ3="+valeur); //la je suppose que valeur est passé en argument à la fonction
} //fin fonction
</script>
<head>
<body>
<br /><br />
<a href="javascript:gest_req_multiple('script_test.php','10','20','30')">test</a>
</body>
</html>
/code>

Discussions similaires

Ressource demandée en cours d'utilisation

Gmail impossible sans numéro de téléphone

Impossible d'utiliser numéro de téléphone validation

Post it sur le bureau (Mac)

Discussions similaires

Newsletters