URL with 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"; 

?>

出典

2011-08-10 Wassim Sboui

jQuery mobile will enhance forms with ajax by default（手動でajaxを書く必要はありません）

フォームのアクションをハンドラphpファイルに設定し、jQueryモバイルに残りの処理をさせてください。例：

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

私たちに行ってみよう！

EDIT：コメント欄での議論を踏まえ、また、あなたのconexion.phpファイルにいくつかの出力を追加する必要があります。

（セキュリティ上の理由から）SQLクエリに追加する前に、ユーザー入力をエスケープすることをお勧めします。例：

<?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>

出典

2011-08-10 09:32:34 irama

私はこれを削除できますか？ $アヤックス（{ タイプ： "POST"、 URL： "conexion.php"、キャッシュ：偽、データ：FORMDATA、成功：するonSuccess、エラー：onErrorを }）; –

することができます、はい。そのスクリプトブロック全体を必要とすべきではありません。どうした？ – irama

"conexion.php"は電子メールとパスワードの値を受け取っていないので、 "Undefined"というエラーがあります –

答えて

関連する問題