xhr et php méthode POST

Version imprimable

bonjour à tous,

J'ai besoin de pouvoir rajouter des données dans ma base de données. J'ai choisi d'utiliser Javascript pour une question de dynamisme.

Mon script fonctionne, à l'exception d'un petit problème, l'ajout de données dans ma base s'effectue, mais il ajoute un champ vide au lieu des données saisie dans mon "Prompt".

Je débute en javascript et si quelqu'un peut me donner un petit coup de main, ce serait sympa.

Voici mon code :

mon code http :

Code:

<input type='button' value='+' onclick='addVal()' />

mon script JS :

Code:

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
function getXMLHttpRequest() {
    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;
}
 
function addVal() {
	var xhr = new XMLHttpRequest();
	var donnees = (prompt("Nouvelles donnees : "));
	xhr.open("POST", "addDonnees.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(donnees);
}

mon fichier addDonnees.php :

Code:

1
2
3
4
5
6
7
8
9
<?php
$newDonnees= "";
include ("connexion_db.php");
$req = $bdd->prepare("INSERT INTO myBdd.myTable(champ1) VALUES(:champ1)");
$req->bindParam('champ1', $newDonnees);
$newDonnees = htmlspecialchars($_POST['donnees']);
$req->execute();
$req->closecursor();
?>

merci de votre aide.

25/06/2016, 19h27
NoSmoking

Bonjour,
les données envoyées ne sont pas référencées, comment veux tu les identifier coté serveur ?

Code:

xhr.send('donnees=' +donnees);

et coté serveur récupération avec

Code:

$_POST['donnees']

Lorsque tu poste un message utilise le bouton # de l'éditeur pour placer ton code

Code:

1
2
3
4
5
6
var xhr = new XMLHttpRequest();
	var donnees = (prompt("Nouvelles donnees : "));
	var data = "donnees="+donees;
	xhr.open("POST", "addDonnees.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(encodeURI(data));

A+JYT

26/06/2016, 11h23
lib-inform

Résolu

Merci pour votre aide et pour vos conseils.

Citation:

les données envoyées ne sont pas référencées, comment veux tu les identifier coté serveur ?

Code:

xhr.send('donnees=' +donnees);

J'avais essayé, mais j'ai du faire une autre erreur de syntaxe et je devenais fou.

Maintenant, j'ai compris et ça fonctionne.

un grand merci.