URL Avec Jquery Mobile

<!-- this is my conexion.html --> 


<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js">  </script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script> 

</head> 


<body> 


<!-- call ajax page --> 
<div data-role="page" id="callAjaxPage"> 
    <div data-role="header"> 
     <h1>Connexion</h1> 
     <a href="index.html" data-icon="home" data-iconpos="notext" class="ui-btn-right jqm-home">Home</a> 
    </div> 

    <div data-role="content"> 
     <div data-role="collapsible" data-collapsed="false"> 
       <h3>Sign in</h3> 
     <form id="callAjaxForm" method="post" action="conexion.php"> 
      <div data-role="fieldcontain"> 
       <label for="email">Email</label> 
       <input type="text" name="email" id="email" /> 

       <label for="password">Password</label> 
       <input type="password" name="password" id="password" /> 
       <h3 id="notification"></h3> 
       <button data-theme="b" id="submit" type="submit">Go</button> 
      </div> 
     </form> 

     </div> 
     <div data-role="collapsible" data-collapsed="true"> 
      <h3>Create an account </h3> 
     </div> 
    </div> 

    <div data-role="footer"> 
     <h1>Pied de page</h1> 
    </div> 
</div> 
</body> 
    </html> 

    <!--- this is my conexion.php --> 

    <?php 

include('config.php');// connexion to mysql 

$email = $_POST['email']; 
$password = $_POST['password']; 
$request=mysql_query("select * from utilisateur where nom='$email' and password='$password'"); 
$count=mysql_num_rows($request); 
if ($count==0){ 
    echo "User not found"; 
} 
else echo "Utilisateur founded"; 

?>

Source

2011-08-10 Wassim Sboui

jQuery mobile enhance forms with ajax by default (vous n'avez pas besoin d'écrire l'ajax manuellement).

Essayez de définir l'action de votre formulaire sur le fichier php du gestionnaire, et laissez jQuery mobile faire le reste. par exemple:

<form method="post" action="conexion.php"> 
    ... 
    <input type="submit" /> 
</form>

Faites-nous savoir comment vous allez!

EDIT: Sur la base de discussion dans les commentaires, vous aurez également besoin d'ajouter une sortie à votre conexion.php fichier.

Je vous recommande également d'échapper toute entrée utilisateur avant de l'ajouter à une requête SQL (pour des raisons de sécurité). par exemple:

<?php 
    // conexion.php 

    include('config.php');// connexion to mysql 

    $email = $_POST['email']; 
    $password = $_POST['password']; 

    // Escape user input (unless magic quotes has done it already) 
    if (!get_magic_quotes_gpc()) { 
     $email = mysql_real_escape_string($email); 
     $password = mysql_real_escape_string($password); 
    } 

    $request=mysql_query(sprintf(
     "select * from utilisateur where nom='%s' and password='%s'", 
     $email, 
     $password 
    )); 
    $count = mysql_num_rows($request); 


?> 
<div data-role="page"> 
    <?php 
     if ($count==0){ 
      echo "<p>Username or password invalid.</p>"; 
     } else { 
      echo "<p>You're in! <a href=\"secure-home.php\">Continue to the app</a>.</p>"; 
     } 
    ?> 
</div>

Source

2011-08-10 09:32:34 irama

afin que je puisse supprimer cela? .ajax $ ({ Type: "POST", url: "conexion.php", cache: false, données: formData, succès: onSuccess, erreur: onError }); –

Devrait pouvoir, oui. Vous ne devriez pas avoir besoin de ce bloc de script entier. Comment cela s'est-il passé? – irama

quand je fais cela, il y a une erreur "Undefined", parce que "conexion.php" ne reçoit pas les valeurs email et mot de passe –

URL Avec Jquery Mobile

Répondre

Questions connexes