阿贾克斯& PHP,responseText返回空

时间:2013-01-19 16:26:03

标签: php ajax responsetext

我已经在PHP上完成了用户注册和登录系统。它工作正常但现在我正在尝试使用Ajax发送POST请求以保持在同一页面并且responseText返回空。我已经尝试过一些我在类似问题中看到的解决方案,但它们都没有对我有效。

这是我用来登录用户的php函数:

if(!empty($_POST)) { 
    $query = " 
        SELECT 
            id, 
            username, 
            password, 
            salt, 
            email 
        FROM users 
        WHERE 
            username = ? 
    "; 

    try {  
        $stmt = $db->prepare($query); 
        $stmt->bind_param("s", $_POST['username']);
        $result = $stmt->execute(); 
    } 
    catch(Exception $ex) { 
        die("Failed to execute the query"); 
    } 

    // Is logged in? 
    $login_ok = false; 

    $res = $stmt->get_result();
    $row = $res->fetch_assoc();

    if($row) { 
        // Hash the submitted password and compare it whit the hashed version that is stored in the database
        $check_password = hash('sha256', $_POST['password'] . $row['salt']); 

        for($n = 0; $n < 65536; $n++) { 
            $check_password = hash('sha256', $check_password . $row['salt']); 
        } 

        if($check_password === $row['password']) { 
            $login_ok = true; 
        } else {
            echo "Incorrect password";
        } 
    } 

    if($login_ok) { 
        unset($row['salt']); 
        unset($row['password']); 

        $_SESSION['user'] = $row; 

        echo "Logged in";
    } else { 
        echo "Login failed";
    } 
}

这是我的表单和Ajax函数:

<form action="" method="post">
    <fieldset>
        <legend>Login</legend>
        <input type="text" name="username" placeholder="user" value="" />
        <input type="password" name="password" placeholder="pass" value="" />
        <input type="button" id="log" value="Login" onclick="log()"/>
    </fieldset>
</form>

<script type="text/javascript">
    function log(){
        if (!window.XMLHttpRequest) return;
        var url = "php/login.php",
            req = new XMLHttpRequest();

        req.open("POST", url);
        req.send(null);

        req.onreadystatechange = function(){
            if(req.readyState == 4 && req.status == 200){
                var response = req.responseText;
                alert(response);
            }
        } 
    }
</script>

有什么想法吗?

编辑:我正在尝试不使用jQuery btw。

1 个答案:

答案 0 :(得分:0)

在这里添加了答案,以便可以接受,以便其他SO用户不会点击此页面,认为这是一个悬而未决的问题。

示例代码中的问题是没有使用AJAX请求发送POST数据。

因此,您的第一个条件:if (!empty($_POST))等于FALSE,因此条件中的所有代码都不会运行。