[AJAX] Ajax post n'apparait pas
Bonjours a toutes et a tous !!
Rien n'apparait dans mon fichier index.php voila ma source en gros :
J'ai un Fichier index.php dans lequel il y a ca (beaucoup plus de "input" mais je simplifie):
Code:
1 2 3 4 5 6
|
<form action="" method="post" id="form1" name="form1">
<span id="affiche"></span>
<input class="textinput" type="text" id="fond_couleur" name="fond_couleur">
<input name="envoyer" value="Generer" type="submit" onclick="verifnserie()" />
</form> |
<souligne>Un fichier externe javascript :</souligne>
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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
|
// JavaScript Document
var xhr = null;
// Fonction de creation de l'objet XMLHttpRequest qui resservira pour chaques fonctions AJAX
function getXhr()
{
if(window.XMLHttpRequest) xhr = new XMLHttpRequest();
else if(window.ActiveXObject)
{
try
{
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else
{
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, veuillez le mettre à jour");
xhr = false;
}
}
function verifnserie()
{
getXhr();
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
// On affiche dans le span affnserie le retour de verifnserie.php
document.getElementById('affiche').innerHTML = xhr.responseText;
}
}
// On envoie la requete a "ajax/verifnserie.php"
xhr.open("POST",'traitement.php',true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// On recupere la valeur de l'input ayant pour id: nserie
nserie = document.getElementById('fond_couleur').value;
// On envoie a verifnserie le nserie recupéré
xhr.send("nserie="+nserie);
} |
Et une fichier php "traitement.php" dans lequel il ya un texte...
Mon texte n'apparait donc pas dans index.php voila mon probleme.
SI QUELQU'un sais ce serai sympas