-2

我正在尝试使用用 jQuery 包装的 AJAX 来调用查询 MySQL 数据库的 PHP 脚本来验证用户身份。我对这些技术中的任何一种都不熟悉，但我（有点）设法让它们单独工作，但我无法让 jQuery、AJAX 和 HTML 正常工作。

[编辑：]我听从了Trinh Hoang Nhu 的 建议并添加了一条return false;声明以禁用提交按钮。修复了所有以前的错误，我无法正确获取 AJAX 返回的对象。

HTML

这是我使用的 HTML 片段：

<form id="form" method='post'>
    <label>Username:</label>
    <input id="user" name="user" type="text" maxlength="30" required /> <br />
    <label>Password:</label>
    <input id="pass" name="pass" type="password" maxlength="30" required /> <br />
    <input id="url" name="url" type="text" value="<?php echo $_GET['url'] ?>" hidden />
    <input name="submit" type="submit" value="I'm done">
  </form>

jQuery/AJAX

这是我使用 AJAX 对用户进行身份验证的 jquery 代码（如果缩进因制表符而混乱，请见谅）：

function changeMessage(message) {
    document.getElementById("message").innerHTML = message; }

$(document).ready(function() {
    $("#form").submit(function() {
        changeMessage("Checking");
        //check the username exists or not from ajax
        $.post("/stufftothink/php/AJAX/login.php",
                    {user: $("#user").val(), pass: $("#pass").val(), url: $("#url") },
                    function(result) {
                        //if failed
                        if (result === 'false') {
                            changeMessage("Invalid username or password. Check for typos and try again");
                            $("#pass").val(""); }
                        //if authenticated
                        else {
                            changeMessage("Authenticated");
                            window.location.href = result; } 
                    } );
        //to disable the submit button
        return false;
    }   );
} )

PHP

这是我的 PHP 脚本，它被调用：

<?php 
ob_start();
session_start();

$user = $_POST['user'];
$pass = md5($_POST['pass']);

mysql_connect('localhost', 'root', '');
mysql_select_db('stufftothink');

$query = "select * from users where user = '$user' and pass = '$pass'";
$result = mysql_query($query);

$i = 0;
while ($row = mysql_fetch_array($result)) {
  $i = 1; }

if ($i == 1) {
  $_SESSION['user'] = $user; 
    $invalid_urls = array('register.php', 'login.php');
    $url = $_REQUEST['url']; //not sure whether _GET or _POST
    if (in_array($url, $invalid_urls)) {
        echo '/stufftothink/profile.php'; }
    else {
    echo '/stufftothink/'.$url; }
    }

else {
  echo 'false'; }

mysql_close();
?>

编辑

我在这个问题上得到了很多反对意见。我不小心提交了没有填写解释的问题。我回去编辑它，但是当我回来时，已经有4个downvotes了。才刚过几分钟。我做错了什么，还是前 5 分钟有问题？

4

2 回答 2

1

首先，如果你想使用 ajax 提交表单，你必须return false从你的提交函数中。否则，您的浏览器将处理它并将您重定向到另一个页面。

如果要从 PHP 返回一个对象，必须使用 将其转换为 json json_encode，例如：

//PHP
$return = array("url" => "http://www.google.com");
echo json_encode($return);
//would echo something like {"url":"http://www.google.com"}

//JS
$.post(url, data, function(data){
  alert(data.url);
});
于 2012-08-01T14:34:56.693 回答
0

你没有结尾;的函数。

应该：

function changeMessage(message) {
    document.getElementById("message").innerHTML = message; 
};

$(document).ready(function() {
    $("#form").submit(function() {
        changeMessage("Checking");
        //check the username exists or not from ajax
        $.post("/stufftothink/php/AJAX/login.php",
               {user: $("#user").val(), pass:$("#pass").val() },
               function(result) {
              //if failed
              if (result === 'false') {
                        changeMessage("Invalid username or password. Check for typos and try again");
                    $("#pass").val("");
              }
              //if authenticated
              else {
                                changeMessage("Authenticatred");
                window.location.href = "/stufftothink/" +  result; 
              } 
       });
   });
});

不知道这是否会解决它，但这是唯一让我感到震惊的事情。

于 2012-08-01T08:25:28.583 回答