Ajax 数据无法进入 $_POST 数组答案

【问题标题】：Ajax data doesn't make it to $_POST arrayAjax 数据无法进入 $_POST 数组
【发布时间】：2014-11-12 09:57:02
【问题描述】：

很抱歉，如果这个问题已经被问过，但其他问题的其他答案都没有帮助我解决我的问题。

我正在编写一个用户登录过程，它使用.ajax() 调用我的login.php 文件来登录用户。但是，经过几个小时的调试，我似乎发现问题在于我的ajax 调用中的data: {user: username, pass: password}line 似乎没有将数据发送到login.php 中的$_POST 数组。事实上，它甚至不会在login.php 中回显我的if 声明。我知道这个问题听起来和其他人很相似，但我确实尝试了这个网站上与该主题相关的所有内容，但没有任何运气。

这里是login_form.php。它在底部包含.ajax() 代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Login Form</title>
        <link rel="stylesheet" type="text/css" href="css/custom-style.css" media="screen">
    </head>
    <body>
        <div id="login_container">
            <img src="img/sflogo.gif" alt="Sutton Ferneries" id="sflogo_login">
            <p id="add_err">We're sorry, we weren't able to find that username/password.</p>
            <input type="text" name="username" id="username" placeholder="Username">
            <input type="password" name="password" id="password" placeholder="Password">
            <p id="learn_login">Want to know the benefits of having an online account with us? <a href="#">Learn More.</a></p>
            <button id="login_btn">Log In</button>
        </div>
    </body>


<script type="text/javascript">

    $(document).ready(function() {
        $("#add_err").css('display', 'none', 'important');
        $("#login_btn").on("click", function(e) {

            e.preventDefault();
            var username = $("#username").val();
            var password = document.getElementById("password");
            password = password.value;

            $.ajax({
                url: "login.php",
                data: { user: username, pass: password },
                type: "POST",
                dataType: "json",
                beforeSend: function() {
                    $("#add_err").css('display', 'block', 'important');
                    $("#add_err").html("Loading...");
                },
                success: function(data) {
                document.write(data);
                    if (data == 'true') {
                        $("#login_container").html(data);
                        //closeLightbox();
                        window.location = "index.php";
                    } else {
                        $("#add_err").css('display', 'block', 'important');
                        $("#add_err").html("Wrong username or password.");
                    }
                }
            });
        });
    });

</script>
</html>

这里是login.php：

<?php

    header("Content-Type: application/json, true");

    if (!isset($_POST)) {
        echo 'Post is null';
    } else {
        echo 'Everything seems to be okay.';
    }

    $username = $_POST['user'];
    $password = $_POST['pass'];

?>

【问题讨论】：

dataType: "json", - 您期望/尝试发送 json 类型和数据，但从服务器回显文本/html。请尝试类似echo json_encode('Post is null');
我也只是试了一下，没有运气。它不会向success: 调用发送任何数据。

标签： php jquery arrays ajax post

【解决方案1】：

删除

dataType: "json",

和

header("Content-Type: application/json, true");

如果您不想删除返回 json 结果并在成功部分解码并显示它们，您将获得结果

【讨论】：

谢谢。这对我有用。伙计，我是不是松了口气。谢谢你！

【解决方案2】：

您的代码运行良好，尝试打印数据

    echo   $username = $_POST['user'];

    echo $password = $_POST['pass'];

【讨论】：

刚刚尝试过，但仍然没有运气。我不确定到底发生了什么，因为我正在接听beforeSend: 的电话，但它似乎从来没有拨打过success:。很高兴知道它对你有用，我会继续玩，看看它是否在我的代码中。
删除所有在 login.php 文件中添加以上两行的代码

【解决方案3】：

您在 ajax 中使用 json。所以输出应该是这样的。

$output['msg'] = 'Here is your return';

echo json_encode($output);

在 login.php 中试试这个

在js中你会得到回报

alert(data.msg);

【讨论】：

【解决方案4】：

您的代码中没有包含 Jquery min 文件：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

以及为什么您通过 jquery 方法获取用户名和通过 javascript 方法获取密码..??像这样得到它：

var username = $("#username").val();
var password = $("#password").val();

我刚刚进行了上述更改，一切正常..!!

【讨论】：