Valeur undefined a des variables javascripts

**serigne** · 16/06/2015, 17h46

Bonjour

Je fais un appel ajax pour enregistrer des donnees issues d'un formulaire dans une base de donnees.
mais a chaques foias dans la base, les donnees sont marquees undefined. Donc c'est au niveau du javascript que je n'arrive pas a extraire les donnees.
voila le code html

Code html :

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
27
28
<body>
    <header>
        <h1>Ajouter un fournisseur</h1> </header>
    <nav> </nav>
    <section>
        <aside> </aside>
        <article>
            <form name="form_fournissuer">
                <div id="nom_fournisseur">
                    <label for="nom_fournisseur">Nom du Fournisseur :</label>
                    <input type="text" name="nom_fournisseur" id="nom_fournisseur" size="30" />
                    <div/>
                    <div id="tel_fournisseur">
                        <label for="tel_fournisseur">Telephone fournisseur :</label>
                        <input type="text" name="tel_fournisseur" id="tel_fournisseur" />
                        <div/>
                        <div id="bt_en">
                            <input type="button" name="valider" value="Envoyer" onclick=" envoi_fournisseur();" />
                            <div/> </form>
        </article>
    </section>
    <footer>
        <p>Copyright Zozor - Tous droits réservés
            <br /> <a href="#">Me contacter !</a></p>
    </footer>
</body>
 
</html>

et la fonction javascript

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
function envoi_fournisseur() {
    xhr = new XMLHttpRequest();
    var nom_fournisseur = document.getElementById('nom_fournisseur').value;
    var tel_fournisseur = document.getElementById('tel_fournisseur').value;
    //var nom_fournisseur = encodeURIComponent(nom_fournisseur),
    //tel_fournisseur = encodeURIComponent(tel_fournisseur);
    xhr.open("POST", "donees_fournisseurs.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send('nomfournisseur=' + nom_fournisseur + '&telfournisseur=' + 7);
    xhr.addEventListener('readystatechange', function() { // On gère ici une requête asynchrone
        if (xhr.readyState === 4 && xhr.status === 200) { // Si le fichier est chargé sans erreur
            alert(xhr.responseText);
        } else if (xhr.readyState == 4 && xhr.status != 200) { // En cas d'erreur !
        }
    }, false);
}