2012-04-04 78 views
1

我做了一个基本的HTML/PHP登录页面和jQuery手机登录页面。我想让它们都提交到同一个名为checklogin.php的文件,如果登录成功,它们打算将它们重定向到它们各自的主页面。它成功地用于基本页面,但不是jQuery Mobile页面。试图通过移动页面提交,我会进入一个页面,上面有“未定义”的短语。jQuery Mobile登录脚本

因此,我尝试编写一些PHP和jQuery脚本,以便如果检测到移动帖子,而不是立即进入主页面,则会返回成功,并且登录页面本身会重定向用户转到主页面。虽然点击提交会产生一个成功的“表单已发送”提醒用于测试目的,但正确的登录不会改变页面。我应该添加什么?

这是我的PHP登录检查器。

<?php 
$host=// Host name 
$username=// Mysql username 
$password=// Mysql password 
$db_name=// Database name 
$tbl_name=// Table name 

// Connect to server and select databse. 
mysql_connect("$host", "$username", "$password")or die("cannot connect"); 
mysql_select_db("$db_name")or die("cannot select DB"); 

// username and password sent from form 
$myusername=$_POST['myusername']; 
$mypassword=$_POST['mypassword']; 

// To prevent MySQL injection (a form of internet hacking) 
$myusername = stripslashes($myusername); 
$mypassword = stripslashes($mypassword); 
$myusername = mysql_real_escape_string($myusername); 
$mypassword = mysql_real_escape_string($mypassword); 

$sql="SELECT * FROM $tbl_name WHERE username='$myusername' and password='$mypassword'"; 
$result=mysql_query($sql); 

// Mysql_num_row is counting table row 
$count=mysql_num_rows($result); 
// If result matched $myusername and $mypassword, table row must be 1 row 

    if($count==1) 
    { 
     // Register $myusername, $mypassword and redirect to the main page" 
     session_register("myusername"); 
     session_register("mypassword"); 
     //Send them back to the page they were at/ 
     if(!$_POST['mobile']) 
     { 
      header("location:main.php"); 
     } 
     else 
     { 

      header('HTTP/1.0 401 Unauthorized', true, 401); 

     } 
    } 
    else 
    { 
     echo "Wrong Username or Password"; 
    } 

    ?> 

这是我的脚本返回登录页面重定向用户。

<script language="javascript"> 
     // Global declarations - assignments made in $(document).ready() below 
     var hdrMainvar = null; 
     var contentMainVar = null; 
     var ftrMainVar = null; 
     var contentTransitionVar = null; 
     var stateLabelVar = null; 
     var whatLabelVar = null; 
     var stateVar = null; 
     var whatVar = null; 
     var form1var = null; 
     var confirmationVar = null; 
     var contentDialogVar = null; 
     var hdrConfirmationVar = null; 
     var contentConfirmationVar = null; 
     var ftrConfirmationVar = null; 
     var inputMapVar = null; 

     // Constants 
     var MISSING = "missing"; 
     var EMPTY = ""; 
     var NO_STATE = "ZZ"; 

     function getFormValues() { 
     data = {}; 
     data['username'] = $("#username").val(); 
     data['password'] = $("#password").val(); 
     return data; 
     } 

     function transmitPost() { 
     $.ajax({ 
      url: 'checklogin.php', 
      type:"post", 
      data: getFormValues(), 
      statusCode: { 
      401: function() { 
       alert("Wrong Password"); 
       }, 
      200: function() { 
       window.location = "m/main.php"; 
       alert('Submitted');} 
      } 
      error: function(value) { 
       alert("error"); 
      } 
     }); 
     } 

     $('#submitButton').bind('click', function() { 
     alert('User clicked on "foo."'); 
    }); 
    </script> 
+1

为什么'header('HTTP/1.0 401 Unauthorized',true,401);'? – Dion 2012-04-04 23:58:50

+2

请不要用'Var'将每个变量名加后缀。 – 2012-04-04 23:59:33

回答

2

我没有审查所有的代码还没有,但是当你提交表单的页面不JQM你应该添加data-ajax="false"<form>标签。说jqm它应该正常加载页面,而不是解释为jqm页面的内容。这为我解决了'undefined'的事...