Question

目前，我无法从我的jquery ajax访问返回数据。实际上，我甚至不知道我是否发送任何数据？我只需要将带有JSON的表单中的数据发送到php，并将响应作为数组获得。

感谢您的帮助。

HTML / JS / jQuery的

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <title>Hello World</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="https://github.com/douglascrockford/JSON-js/blob/master/json2.js"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $("form").submit(function () { 
                var uname = document.getElementById("username").value;
                var pword = document.getElementById("password").value;
                var postData = {
                    username: uname,
                    password: pword
                };
                alert(uname);

                $.ajax({
                url: "test.php",
                type: "GET",
                data: postData,
                dataType: 'json',
                contentType: 'json',
                cache: false,
                success: function (data) {
                        alert(data);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form action="">
        <input type='text' id="username" name="username" placeholder="Username" />
        <br />
        <input type='password' id="password" name="password" placeholder="password" />
        <br />
        <input type="submit" id="submit" value="Login" />
    </form>
</body>

PHP

echo json_encode(array(
    'username' => $_GET['username'],
    'password' => $_GET['password']
));

Answer 1

您正在为submit事件创建处理程序，但似乎您忘记返回false以停止基本提交过程。

具有空操作的表单会在同一页面（您的初始PHP页面）中POST数据，因此AJAX回调会被发送，但在此之后，您将以基本方式再次发布。

在函数末尾添加return false（在AJAX调用之后），然后您的表单将不会被提交，AJAX将被发送，您将看到响应。

如果您使用的是Firefox，请安装Firebug并查看“网络”标签，查看Ajax调用发送的请求，并检查您的JSON响应。

祝你好运。

如何处理来自jQuery AJAX的PHP响应？

1 个答案: