0

我在提交 AJAX/PHP 表单时遇到问题。

我的ajax如下：

<script type="text/javascript">
        $('#loginForm').submit(function() {
           checkLogin();
        });

        function checkLogin()
        {
             $.ajax({
                url: "login.php",
                type: "POST",
                data: {
                    username: $("#username").val(),
                    password: $("#password").val()
                },
                success: function(response)
                {
                    if(response == 'true')
                    {
                        window.location.replace("main.html");
                    }
                    else
                    {
                        $("#errorMessage").html(response);
                    }
                }
            });
        }
        </script>

我的表格：

<form id="loginForm" data-ajax="false">
    <label id="errorMessage"></label>
    <div data-role="fieldcontain">
        <label for="username">Username:</label>
        <input id="username" type="text" placeholder="Username" />
    </div><!-- End Contained Fields -->
    <div data-role="fieldcontain">
        <label for="password">Password:</label>
        <input id="password" type="password" placeholder="Password" />
    </div><!-- End Contained Fields -->
    <div data-role="fieldcontain">
        <input type="submit" id="login" value="Login" />
    </div><!-- End Contained Fields -->
    </form><!-- End Form -->

然后是我的 login.php 脚本：

    <?php

$username = mysql_real_escape_string($_POST['username']);
$password = md5(mysql_real_escape_string($_POST['password']));

if(!empty($username) && !empty($password))
{
    $db = new PDO('mysql:host=localhost;dbname=mobile;charset=utf8', 'root', 'password');
    try {
        $stmt = $db->query("SELECT COUNT(*) FROM users WHERE username='$username' and password='$password'");
        if(intval($stmt->fetchColumn()) === 1)
        {
            echo 'true';
        }
        else
        {
            echo 'false';
        }
    } catch(PDOException $ex) {
        echo "An error has occured!";
    }
}

?>

我最初只使用原始 php 编写了整个 JQuery Mobile 应用程序，但最近发现我必须使用 AJAX 和 Html 才能使用 PhoneGap 将其移植到 IOS 和 Android。

我对使用 ajax 比较陌生，并且已经阅读了尽可能多的文章/主题，以尝试使其正常工作。不确定我是有语法问题还是没有正确处理它。

我的本地机器正在加载一个 mysql 服务器（数据库名称是移动的，我要加载的表是用户）。我知道那部分是正确的，因为它适用于 php。

有人可以解释我的问题吗？谢谢你。

4

2 回答 2

0

这个：

$("$errorMessage").html("Attempting to login...");

应该：

$("#errorMessage").html("Attempting to login...");

或者，如果您之前定义了一个 $errorMessage 变量，如下所示：

var $errorMessage = $("#errorMessage");

它应该是 ：

$errorMessage.html("Attempting to login...");

编辑：

PHP 手册：“对于大多数数据库，PDOStatement::rowCount() 不会返回受 SELECT 语句影响的行数.....”

你可以试试：

....
$stmt = $db->query("SELECT COUNT(*) FROM users WHERE username='$username' and password='$password'");
if (intval($stmt->fetchColumn()) === 1) {   //make sure it's not a string 
  echo 'true';
    $_SESSION['username'] = $username;
   // OR perform another SELECT query to retrieve the data 
}
else
{
    echo 'false';
}
.....
于 2013-08-21T15:41:15.200 回答
0

问题是这一行：

 window.location.replace('main.html');

将其更改为：

 window.location.href='main.html';
于 2013-08-21T15:15:18.030 回答