Passer plusieurs variables dans xhr.send (méthode POST)

**bricoreur** · 01/04/2018, 22h24

Bonjour,

j'arrive à faire passer une variable dans requete.send (mon ajax fonctionne en POST après vérification).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

requete.send("titre=" + escape(oTitre));

En revanche après de très nombreuses recherches et tests, je n'arrive pas à trouver le code pour passer plusieurs variables. Merci pour votre aide ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function Search()
		{
			oTitre = document.getElementById('titre').value;
			oEdition = document.getElementById('edition').value;
			oResume = document.getElementById('resume').value; 
 
			var requete = creerRequete();
			var url = "ajaxphp_post.php";
 
			requete.open("POST",url,true);
			requete.onreadystatechange = function () {
				afficherResultat(requete);
			}
 
			requete.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			requete.send("titre=" + escape(oTitre) & "edition=" + escape(oEdition) & "resume="+ escapae(oResume));
		}

**mathieu** · 02/04/2018, 00h20

essayez avec un tableau comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var donnees = {
    "titre" : oTitre,
    "edition" : oEdition,
    "resume" : oResume,
};
 
requete.send(donnees);

**bricoreur** · 02/04/2018, 11h19

merci pour votre retour mais ça ne marche pas.

je vous présente mes codes :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
<head>
	<title> PHP et Ajax</title>
	<meta http-equiv="Content-type" content="text/html" />
	<script language="javascript" src="requete.js"></script>
	<script type="text/javascript" language="javascript">
 
                function Search()
                {
                        oTitre = document.getElementById('titre').value;
                        oEdition = document.getElementById('edition').value;
                        oResume = document.getElementById('resume').value; 
 
 
                        var requete = creerRequete();
                        var url = "ajaxphp_post.php";
 
                        // UTILISER POST
                        requete.open("POST",url,true);
                        requete.onreadystatechange = function () {
                                afficherResultat(requete);
                        }
 
 
                        // setRequestHeader
                        requete.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 
                        //send
                        requete.send("titre=" + escape(oTitre)  && "edition=" + escape(oEdition)  && "resume="+ escape(oResume)); 
                        //tenter avec un seul &, +, .. je ne trouve rien sur les forums nb : seul la variables "resume est reconnu"
    
                }
 
                function afficherResultat(requete)
                {
                        if(requete.readyState == 4 && requete.status == 200){
                                oMondiv = document.getElementById("mondiv");
                                oMondiv.innerHTML = requete.responseText;
 
                        }
                }
 
</script>
</head>
<body> 
	<h2>Rechercher un livre</h2>
	<div id="mondiv">
		<form id="monform">
 
<p>Titre du livre : <input id="titre" type="text" /></p>
<p>Edition du livre : <input id="edition" type="text"/></p>
<p>Resume du livre : <input id="resume" type="text" /></p>
<p>Generation : <input id="generation" type="text"></p>
 
<input id="controle" type="button" value="controle" onclick="Search()"></p>
 
		</form>
	</div> 		
 
</body>
</html>

traitement php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?php
 
$titre = $_POST['titre']; 
$edition = $_POST['edition'];
$resume = $_POST['resume'];
 
 $mysqli = new mysqli('localhost', 'root', '', 'test'); // création d'un OBJET nommée $mysqli
 
if ($mysqli->connect_errno)
{ // Vérification de la connexion
    echo "Echec de la connexion: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error;
    exit(); // interruption de l'exécution
} 
 
 // requete SQL
$query = "SELECT * FROM livres1 WHERE titre = '$titre' AND edition = '$edition' AND resume = '$resume' ";
$result = $mysqli->query($query);
 
$retour = "";
 
		if ($result->num_rows == 1)
			{
				echo ('CET ENREGISTREMENT EXISTE DEJA');
			}
		else 
			{
				echo ('ENREGISTREMENT REALISE');
			}		
 
//envoi au navigateur
	echo $retour; 
 
// libération 
$result->free();
 
// Fermeture de la connexion MySQL
	@mysql_close($mysqli);
 
?>

En me rendant dans le network :

je suis bien en XHR, POST, 200 ....
dans le Form Data il apparaît bien :
resume : la valeur renseignée

en revanche pour mes 2 premières variables (titre et edition), cela me dit :

( ! ) Notice: Undefined index: titre in C:\wamp64\www\test\5. AJAX ET PHP BDD DOUBLON SI NOM PRENOM DATE\ajaxphp_post.php on line 4
Call Stack
# Time Memory Function Location
1 0.0007 243224 {main}( ) ...\ajaxphp_post.php:0

( ! ) Notice: Undefined index: edition in C:\wamp64\www\test\5. AJAX ET PHP BDD DOUBLON SI NOM PRENOM DATE\ajaxphp_post.php on line 5
Call Stack
# Time Memory Function Location
1 0.0007 243224 {main}( ) ...\ajaxphp_post.php:0

merci pour vos retours

**psychadelic** · 02/04/2018, 13h17

je vous présente mes codes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	var requete = creerRequete();

Ben déjà ça commence mal...

**bricoreur** · 02/04/2018, 13h48

désolé je n'ai pas mis le fichier appelé

requete.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 function creerRequete () {
 
	var xhr = null;
 
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		} else {
			xhr = new XMLHttpRequest(); 
		}
	} else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
	return xhr;
}

je sais que je n'ai pas suivi les noms habituels mais tout y est....

habituellement (var xhr qui appelle la function getXHR dans oXHR.js) ...... dans mon cas j'ai "src="requete.js" dans laquelle il y a function creerRequete() qui est appelé par var requete....

Mes différents tests avec une seule variable marchent très bien :
le fichier html envoi bien la variable avec sa valeur
le fichier post.php traite bien la requete et recoît bien les bonnes réponses (POST, 200, .....ok) - dans network je suis bien en XHR
l'affichage est bon

Mais avec plusieurs variables, je ne trouve pas le bon codage......

merci

**andry.aime** · 02/04/2018, 14h24

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

requete.send("titre=" + escape(oTitre) & "edition=" + escape(oEdition) & "resume="+ escapae(oResume));

les "&" devrait être dans les guillemets, mais pas l'utiliser pour la concaténation. Et utilise encodeURI à la place d'escape

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

requete.send("titre=" + encodeURI(oTitre) + "&edition=" + encodeURI(oEdition) +"&resume="+ encodeURI(oResume));

A+.

**bricoreur** · 02/04/2018, 14h44

Tout marche très bien maintenant.

je serai comment faire maintenant pour passer plusieurs variables.

ENCORE UNE FOIS MERCI POUR VOTRE AIDE TRES PRECIEUSE.

Bon WE et joyeuses Paques.

Passer plusieurs variables dans xhr.send (méthode POST)

AJAX

Discussions similaires

Partager

Partager