JeuWeb Créez votre jeu par navigateur !

**Sephi-Chan** · (Modification du message : 15-02-2007, 07:24 PM par Sephi-Chan.)

Bonjour,

Je me suis intéressé à Ajax en début d'après midi, et après quelques essais assez concluant sur du contenu fixe (fichier .txt), j'aimerai m'en servir pour effectuer des requête SQL (SELECT, UPDATE, DELETE) asynchrones.

Imaginons par exemple un formulaire :

Code :
<form method="post" onsubmit="javascript: connexion();">

<label>Nom de compte : <input type="text" name="nomDeCompte" tabindex="1" /></label><br />

<label>Mot de passe : <input type="password" name="motDePasse" tabindex="2" /></label><br />

<label><input type="submit" value="Connexion" tabindex="3" />

</form>

Il faudrait que, sans recharger la page, ça m'execute la page trairementConnexion.php :

Code PHP :
<?php

if(empty($_POST['nomDeCompte']) || empty($_POST['motDePasse'])){

    $_SESSION['message'] = 'La connexion a échoué. Vous n\'avez pas renseigné l\'intégralité du formulaire.';

    die(header('Location: index.php?p='.ACCUEIL));

}

else{

    $requete1 = sprintf("SELECT id, nomDeCompte, motDePasse, confirmationInscription FROM utilisateurs WHERE nomDeCompte = %s AND motDePasse = %s AND confirmationInscription = %s",

    securiser($_POST['nomDeCompte']),

    securiser($_POST['motDePasse']),

    CONFIRMATION_INSCRIPTION

    );

    mysql_query($requete1) or die(mysql_error());

    if(mysql_affected_rows()){

        $retourRequete1 = mysql_fetch_assoc(mysql_query($requete1)) or die(mysql_error());

        $_SESSION['idCompte'] = $retourRequete1['id'];

        $_SESSION['message'] = 'La connexion s\'est effectuée avec succès.';

        die(header('Location: index.php?p='.ACCUEIL));

    }

}

?>

Archange · 15-02-2007, 07:23 PM

http://www.jeuweb.org/board/showthread.php?tid=680

Ce tuto ne pourais pas t'aider ?

Seren · (Modification du message : 15-02-2007, 07:33 PM par Seren.)

Si t'as réussi à faire fonctionner ta fonction "connexion" avec du contenu texte, c'est la même chose avec un script php.

Tu crées un XhtmlHTTPrequest qui va chercher traitementConnexion.php avec en POST ou GET data tes identifiants.

Dans traitementConnexion.php, il faut avoir des "echo" et des "print".

Code PHP :
<?php 

echo 'Connexion réussie'; 

**Sephi-Chan** · (Modification du message : 15-02-2007, 07:51 PM par Sephi-Chan.)

Mais le problème est quand je valide le formulaire, ça exécute la page d'action du formulaire (et quand il n'y en à pas, ça fait comme si c'était elle même en action). Ca fonctionne si j'utilise un bouton avec un onclick, mais ce n'est pas une solution durable.

Lorsque que j'utilise la connexion asynchrone (en mettant le troisième argument à true) ça ne me renvoi rien, alors que si c'est false, ça marche... Incompréhensible Sad

...

Sephi-Chan

Seren · (Modification du message : 15-02-2007, 07:55 PM par Seren.)

Oui le problème c'est que tu soumet le formulaire aussi alors que tu veux juste créer une XHR.

remplace le <input type="submit">

par un <input type="button" onclick="connexion()" >

C'est un bouton qui soumettra rien du tout je pense...

Par contre il y a un problème quelque part parce que tu dois passer les valeur de paramètres à connexion() sinon tu seras jamais identifié.

Code :
Code :

<form method="post" >

<label>Nom de compte : <input type="text" id="nomDeCompte" tabindex="1" /></label><br />

<label>Mot de passe : <input type="password" id="motDePasse" tabindex="2" /></label><br />

<label><input type="button" onclick="connexion(document.GetElementbyId(nomDecompte).value, document.GetElementbyId(motDePasse).value)" tabindex="3" />

</form>

Ma syntaxe est approximative et je suis un débutant en Ajax, faut pas faire du copier/coller.

**Sephi-Chan** · 15-02-2007, 09:28 PM

Me revoila !

Oui, je vais passer les arguments de cette manière :

Code :
<form>

<label>Auteur : <input type="text" name="auteur" /></label><br />

<input type="button" onclick="javascript: rechercher(this.form.auteur.value);" value="Ok"/>

</form>

Par contre je tiens vraiment à savoir comment passer par un évènement onsubmit sur la balise <form>. Si quelqu'un à une piste, qu'il n'hésite pas à m'en faire part Smile

.

Sephi-Chan

denisc · (Modification du message : 15-02-2007, 10:22 PM par denisc.)

Code PHP :
<?php 

<head>

 <script>

  function Valider()

  {

    //Faire tout ton petit bazar qui va bien pour la connexion ...

    // récupération des données du formulaire, connexion Ajax avec les paramètres,...

    return false; // Cette ligne invalidera le send du bouton submit.

  }

 </script>

</head>

<form action="" onSubmit="return Valider();">

  <input type=submit name=Envoyer>

</form>

Seren · 15-02-2007, 10:30 PM

Ok maintenant je comprends pourquoi dans tous les tutoriaux AJAX il y a tout le temps des return False. Merci.

Sujets apparemment similaires…
Sujet		Auteur	Réponses	Affichages	Dernier message
	Article Les jointures avec MySQL	Xenos	0	534	14-09-2020, 08:25 PM Dernier message: Xenos
	API simple ou complexe pour intéragir avec le noyau du jeu ?	Sephi-Chan	3	1 352	24-10-2019, 06:52 PM Dernier message: Sephi-Chan
	Déploiement base de données	Air	1	1 780	13-04-2019, 10:41 AM Dernier message: Xenos
	Suppression des sessions en base de données	Air	9	3 409	18-08-2017, 05:55 PM Dernier message: Air
	Javascript va trop vite pour récup les données AJAX	L'Omniscient	23	6 120	08-02-2017, 06:02 PM Dernier message: niahoo