[AJAX] envoye de données ajax --> php dans la même page
bonsoir à toutes et à tous,
comme j'ai écrit dans l'intitulé mon problème c'est que je n'arrive pas à récupérer des données envoyer par ajax dans une même page.
le code ajax et le suivant:
Code:
1 2 3 4 5 6 7 8 9 10 11
| function request() {
var xhr = getXMLHttpRequest();
var nick = document.getElementById("nick").value;
var name = document.getElementById("name").value;
xhr.open("POST", "XMLHttpRequest_getString.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("?Nick=" + nick + "&Name=" + name);
parent.location.reload();
} |
le code html ets le suivant :
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| <form>
<p>
<label for="nick">Pseudo :</label>
<input type="text" id="nick"/><br><br>
<label for="name">Prénom :</label>
<input type="text" id="name"/>
</p>
<p>
<input type="button" name="valide" id="valide" onclick="request();" value="Exécuter" />
</p>
</form> |
le code php est le suivant:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| <?php
if (isset($_POST["Nick"]))
{$nick = $_POST["Nick"];
echo "tetttete";
}
if (isset($_POST["Name"]))
{$name = $_POST["Name"];
}
if (isset($_POST["Nick"])) {
echo "Bonjour " . $name . " ! Je vois que votre pseudo est " . $nick;
}
?> |
les 3 codes sont dans la même page.
merci de m'aider.