xhr et php méthode POST

**lib-inform** · 25/06/2016, 11h59

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 html :

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

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

mon script 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
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 php :

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

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.

**NoSmoking** · 25/06/2016, 18h27

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

Code :

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

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

et coté serveur récupération avec

Code php :

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

$_POST['donnees']

**sekaijin** · 25/06/2016, 18h29

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

Code :

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

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