Voila je rencontre un petit problème avec mon code.
je n'arrive pas recuperé et envoyé avec ajax js

//index1.html

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="container"></div>
<input type="text" name="noms" id="champ">

<input type="submit" name="envoyer" onclick="val('index.php')" value="envoyer" id="env">

<script type="text/javascript">

//fonction me permettant d'envoyer et recuperer une requête ajax.
function val(url){

var champ=document.getElementById("champ");

var noms=champ.value;

var xhr=new XMLHttpRequest();

xhr.open("POST",url,true);

var vars='monnom='+noms;

xhr.setRequestHeader("Content-Type", "application/x-www-formurlencoded");
xhr.addEventListener("readystatechange",function()
{

if( xhr.readyState==4 && xhr.status==200)
{

var response=xhr.responseText;
var ct=document.getElementById("container").innerHTML=response;

}
else
{
alert("bad");
}
},false);

xhr.send(vars);

}

</script>

</body>

</html>

voici mon fichier index.php

<?php

$nm=$_POST['monnom'];

echo 'bonjour'.$nm;

?>

le soucis c'est que $nm ne s'affiche pas.sa fait 2jours je cherche je ne comprends pas.Aidez moi s'il vous plait.

Aucune réponse