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+.

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

AJAX

Vue hybride

Discussions similaires

Partager

Partager