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.