JeuWeb Créez votre jeu par navigateur !

Reaven · (Modification du message : 26-09-2009, 08:40 PM par Sephi-Chan.)

Bonjour,

Je suis actuellement en train de créer un site de graphisme afin de partager mes connaissances dans le domaine, et je bute sur une erreur de mon code Ajax concernant un formulaire de Newsletter.

Voici ce que ça donne:

Page oXHR.js:

Code :
function getXMLHttpRequest() {

    var xhr = null;

    if (window.XMLHttpRequest || window.ActiveXObject) {

        if (window.ActiveXObject) {

            try {

                xhr = new ActiveXObject("Msxml2.XMLHTTP");

            } catch(e) {

                xhr = new ActiveXObject("Microsoft.XMLHTTP");

            }

        } else {

            xhr = new XMLHttpRequest(); 

        }

    } else {

        alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");

        return null;

    }

    return xhr;

}

Page du Formulaire:

Code :
<html>

<head>

<script type="text/javascript"></script>

<script type="text/javascript">

<!--

    function submitForm(email){

        var xhr= new getXMLHttpRequest();

        xhr.open("POST", "t_newsletter.php", true);

        xhr.onreadystatechange= function() {

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

                if(document.getElementById){

                    if(xhr.responseText == 'true') { //envoi OK

                        document.getElementById("msg").innerHTML= "Inscription à la Newsletter réussie !";

                    }else{

                        document.getElementById("msg").innerHTML= xhr.responseText;

                    }

                }

            }

        }

        xhr.setRequestHeader('Content-type','application/x-www-form-unlencoded');

        xhr.send('Email='+email);

    }

//-->

</script>

</head>

<body>

        <form method="POST" action="" onsubmit="submitForm(this.email.value);return false">

            <div>Email:<input type="text" name="email" id="email"></div>

            <div><input type="submit" value="S'inscrire"/></div>

        </form>

        <div id="msg"></div>

</body>

</html>

Page de Traitement:

Code PHP :
<?php

session_start();

mysql_connect("localhost","","");

mysql_select_db("newsletter");

$erreurs= array(); //tableau des erreurs

if(!$_POST['email']){

    $erreurs[]= 'Veuillez entrer une adresse E-mail';

}

if(!preg_match("#^[a-z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$#", $_POST['email'])){

    $erreurs[]= 'Cette adresse E-mail est invalide';

}

if(count($erreurs) == 0){

    mysq_query("INSERT INTO newsletter VALUES('','".$_POST['email']."'")or die("L'envoi des données a échoué");

    echo "true";

}else{

    for($i=0; $i<count($erreurs); $i++){

        echo $erreurs[$i];

    }

}

?>

Maz · (Modification du message : 25-09-2009, 05:28 PM par Maz.)

J'edit pour que ça reste entre nous.

Reaven · 25-09-2009, 05:24 PM

Ah super tu as mis le doigt sur une erreur (que je comprends par ailleurs et dont j'ai honte Big Grin

). Cependant le problème persiste.
J'édite le premier poste et je continue à cherche en attendant d'autres propositions Smile

.

Merci beaucoup.
Reaven

Maz · (Modification du message : 25-09-2009, 05:35 PM par Maz.)

Si j'étais toi, je ciblerais l'erreur, là desuite je ne saurais pas te dire où elle est car j'utilise AJAX jamais directement mais à travers des librairie qui simplifies pas mal la chose. Il serais bon de vérifier si:
la fonction est bien appelé(un alert dans la fonction)
l'email est correctement envoyé au php(un echo dans le php de l'email avec un alert de xhr.responseText)

Reaven · 25-09-2009, 05:54 PM

En réalité je débute en AJAX et donc je me suis basé sur un tuto afin d'écrire ce code. J'ai vérifié plusieurs fois si le code concordais avec le tutoriel mais je n'ai rien vu.

Je mets tout de même le lien du tutoriel en question.

http://www.pc-infopratique.com/forum-inf...31367.html

Je vais vérifier encore une fois la concordance.
Reaven.

Maz · (Modification du message : 25-09-2009, 06:08 PM par Maz.)

(25-09-2009, 05:54 PM)Reaven a écrit : En réalité je débute en AJAX et donc je me suis basé sur un tuto afin d'écrire ce code. J'ai vérifié plusieurs fois si le code concordais avec le tutoriel mais je n'ai rien vu.

Je mets tout de même le lien du tutoriel en question.

http://www.pc-infopratique.com/forum-inf...31367.html

Je vais vérifier encore une fois la concordance.
Reaven.

Ton code est pourtant différent étant donné que tu y a greffé la fonction getXMLHttpRequest qu'il n'utilises pas dans leur tuto, cette fonction permet la compatibilité avec plus de navigateurs (notamment IE qui utilises ActiveX au lieu des requête HTTP normalement utilisé par FF et les autres).
Je reboot mon nunux et j'essais de corriger ton code.
EDIT: D'ailleurs en parlant de cette fonction: tu ne la déclares pas avant de l'utiliser, le problème vient probablement de là, inclus la page oXHR.js ou c/c ce code:

Code :
<html>

<head>

<script type="text/javascript">

function getXMLHttpRequest() {

    var xhr = null;

    if (window.XMLHttpRequest || window.ActiveXObject) {

        if (window.ActiveXObject) {

            try {

                xhr = new ActiveXObject("Msxml2.XMLHTTP");

            } catch(e) {

                xhr = new ActiveXObject("Microsoft.XMLHTTP");

            }

        } else {

            xhr = new XMLHttpRequest();

        }

    } else {

        alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");

        return null;

    }

    return xhr;

}

<!--

    function submitForm(email){

        var xhr= new getXMLHttpRequest();

        xhr.open("POST", "t_newsletter.php", true);

        xhr.onreadystatechange= function() {

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

                if(document.getElementById){

                    if(xhr.responseText == 'true') { //envoi OK

                        document.getElementById("msg").innerHTML= "Inscription à la Newsletter réussie !";

                    }else{

                        document.getElementById("msg").innerHTML= xhr.responseText;

                    }

                }

            }

        }

        xhr.setRequestHeader('Content-type','application/x-www-form-unlencoded');

        xhr.send('Email='+email);

    }

//-->

</script>

</head>

<body>

        <form method="POST" action="" onsubmit="submitForm(this.email.value);return false">

            <div>Email:<input type="text" name="email" id="email"></div>

            <div><input type="submit" value="S'inscrire"/></div>

        </form>

        <div id="msg"></div>

</body>

</html>

Reaven · 25-09-2009, 07:05 PM

J'avais remarqué cet oubli et je l'ai corrigé. Cependant le noeud semble se dénouer. En effet après avoir corriger le code PHP je n'ai plus qu'une petite erreur d'index.

Voici le tout corriger:

Page oXHR.js:

Code :
function getXMLHttpRequest() {

    var xhr = null;

    if (window.XMLHttpRequest || window.ActiveXObject) {

        if (window.ActiveXObject) {

            try {

                xhr = new ActiveXObject("Msxml2.XMLHTTP");

            } catch(e) {

                xhr = new ActiveXObject("Microsoft.XMLHTTP");

            }

        } else {

            xhr = new XMLHttpRequest(); 

        }

    } else {

        alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");

        return null;

    }

    return xhr;

}

Page du Formulaire:

Code :
<html>

<head>

<script type="text/javascript" src="includes/oXHR.js"></script>

<script type="text/javascript">

<!--

    function submitForm(email){

        var xhr= new getXMLHttpRequest();

        xhr.open("POST", "t_newsletter.php", true);

        xhr.onreadystatechange= function() {

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

                if(document.getElementById){

                    if(xhr.responseText == 'true') { //envoi OK

                        document.getElementById("msg").innerHTML= "Inscription à la Newsletter réussie !";

                    }else{

                        document.getElementById("msg").innerHTML= xhr.responseText;

                    }

                }

            }

        }

        xhr.setRequestHeader('Content-type','application/x-www-form-unlencoded');

        xhr.send('Email='+email);

    }

//-->

</script>

</head>

<body>

        <form method="POST" action="" onsubmit="submitForm(this.email.value);return false">

            Email:<input type="text" name="email" id="email">

            <input type="submit" value="S'inscrire"/>

        </form>

        <div id="msg"></div>

</body>

</html>

Page de Traitement:

Code PHP :
<?php

session_start();

mysql_connect("localhost","root","");

mysql_select_db("newsletter");

$mysql_query= mysql_query("SELECT email FROM newsletter");

$mysql_data= mysql_fetch_array($mysql_query);

$erreurs= array(); //tableau des erreurs

$email= $_POST['email'];

if(!empty ($email)){

    if(!preg_match("#^[a-z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$#", $_POST['email'])){

        $erreurs[]= 'Cette adresse E-mail est invalide';

    }else{

        if($_POST['email'] == $mysql_data['email']){

            $erreurs[]= 'Cette adresse E-mail existe déjà';

        }else{

            mysq_query("INSERT INTO newsletter VALUES('','".$_POST['email']."'")or die("L'envoi des données a échoué");

        }

    }

}else{

    $erreurs[]= 'Veuillez entrer une adresse E-mail';

}

if(count($erreurs) == 0){

    echo "true";

}else{

    for($i=0; $i<count($erreurs); $i++){

        echo $erreurs[$i].'<br/>';

    }

}

?>

Maz · (Modification du message : 25-09-2009, 07:12 PM par Maz.)

essai ça:

Code PHP :
<?php

session_start();

mysql_connect("localhost","root","");

mysql_select_db("newsletter");

$mysql_query= mysql_query("SELECT email FROM newsletter");

$mysql_data= mysql_fetch_array($mysql_query);

$erreurs= array(); //tableau des erreurs

$email= $_POST['Email'];

if(!empty ($email)){

    if(!preg_match("#^[a-z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$#", $_POST['email'])){

        $erreurs[]= 'Cette adresse E-mail est invalide';

    }else{

        if($_POST['email'] == $mysql_data['email']){

            $erreurs[]= 'Cette adresse E-mail existe déjà';

        }else{

            mysq_query("INSERT INTO newsletter VALUES('','".$_POST['Email']."'")or die("L'envoi des données a échoué");

        }

    }

}else{

    $erreurs[]= 'Veuillez entrer une adresse E-mail';

}

if(count($erreurs) == 0){

    echo "true";

}else{

    for($i=0; $i<count($erreurs); $i++){

        echo $erreurs[$i].'<br/>';

    }

}

?>

Reaven · (Modification du message : 25-09-2009, 07:13 PM par Reaven.)

Qu'est-ce que tu as changé ?

Maz · 25-09-2009, 07:13 PM

Là est tout le secret.

Sujets apparemment similaires…
Sujet		Auteur	Réponses	Affichages	Dernier message
	[Resolu] Retourner plusieurs tableaux par Ajax	L'Omniscient	2	1 782	29-04-2017, 10:15 PM Dernier message: L'Omniscient
	[Résolu] Récupération d'une donnée issue de la BdD via Ajax	L'Omniscient	8	4 068	29-04-2016, 11:10 AM Dernier message: Akira777
	[Résolu] Session et ajax	Damocorp	11	5 593	22-08-2012, 07:23 PM Dernier message: Damocorp
	[résolu]Tchat en Ajax et php	supermeganono	3	2 446	24-05-2012, 08:38 PM Dernier message: supermeganono
	[Résolu] Probleme Formulaire - Marche sur Free pas sur les autres hébergement	jeeron	10	3 958	09-04-2012, 05:01 PM Dernier message: Sephi-Chan