为什么我的$ .getJSON响应数据为空?

时间:2010-02-01 16:12:36

标签: php jquery ajax

我有一个非常简单的设置,我似乎无法工作。我有一个简单的PHP页面,它只是启动一个会话,并且应该在JSON中输出状态和会话ID。但是,当ajax调用返回时,数据始终为null。我正在使用Firebug,我可以看到调用我的回调的ajax函数。

这是服务器上的PHP页面:

<?php
    try
    {
        if(!session_start()) {
            throw new Exception("unable to start session");
        }

        echo json_encode(array(
                "status" => "success",
                "session_id" => session_id()
            ));
    }
    catch(Exception $e)
    {
        echo json_encode(array(
            "status" => "fail",
            "error" => $e->getMessage()
        ));
    }
?>

它工作正常并输出如下内容:

  

{ “状态”: “成功”, “session_id的”: “i3cdogb9jgd6oudar104qfuih1”}

HTML页面很简单:

<html>
<head>
<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
<title>getJSON example</title>
    <script type="text/javascript">


        $(document).ready(function() {

            $.ajax({
                url: "http://webserver/init.php",
                dataType: 'json',
                success: function(json) {
                    if(json.status === "success"){
                        $("#session_key").val(json.session_id);
                    }
                }
            });
        });


    </script>
</head>
<body>
<input type="hidden" id="session_key"/>
</body>
</html>

其他信息

请求标题:

GET /init.php HTTP/1.1
Host: ir-6483
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6 (.NET CLR 3.5.30729)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 115
Connection: keep-alive
Origin: null

响应标题:

HTTP/1.1 200 OK
Date: Mon, 01 Feb 2010 16:50:11 GMT
Server: Apache/2.2.14 (Win32) PHP/5.2.12
X-Powered-By: PHP/5.2.12
Set-Cookie: PHPSESSID=i033rd4618o18h3p5kenspcc35; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma: no-cache
Content-Length: 101
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: text/html

因此,您可以看到正在设置PHP会话ID,但响应选项卡为空。

3 个答案:

答案 0 :(得分:4)

我想我已经找到了问题(跳到粗略的文字以获得简短回答)。

我在我的机器上尝试了一个示例,方法是在桌面上创建一个.html文件,然后将PHP代码段上传到局域网上的开发服务器。这给了我与你完全相同的结果,也使用了Firefox(v3.5.7)。

我不是一个PHP人(更多Python / Django),但我知道一些基本的PHP,你的代码看起来很好。我通过大量的谷歌搜索PHP / JSON / Ajax示例来证实这一点。我尝试了在建议论坛中给出的每个选项,包括PHP中的各种缓存头选项和不同的JQuery方法,包括更改其一些缓存选项以及尝试各种不同的选项。没有区别。

我完全简化了PHP,只是返回单项JSON数组,没有任何其他条件或控制结构 - 没有快乐。

最终我绝望了,并在IE 8中尝试了相同的文件。它有效!在Safari中尝试过 - 它有效!

然后我变得偏执,并认为Firefox中可能存在一些棘手的会话问题或其他一些奇怪的问题所以我完全清除了我的Firefox历史并重新启动了浏览器。没有区别。

这至少给了我一个不同的角度,我可以谷歌看看其他人是否有同样的问题。确实他们有。

事实证明如果您在本地计算机上运行包含Ajax的HTML文件,即带有“file://”前缀,Firefox由于某种原因将无法正确调用Ajax。我将文件复制到我的开发服务器,与PHP文件位于同一位置(但仍然使用完整地址作为Ajax URL)并确定它有效!

我并不完全理解Firefox与真正的本地文件和Ajax的不同之处,但它在外面变得明亮,我现在无法调查。我确实查看了有关安全性的设置,但没有明显的事情突然出现在我面前。我很想知道这是如何适应你的开发环境的设置方式的。如果我有机会,我会进一步调查,并会更新这个答案。

如果“about:config”中有一些或其他选项可能包含答案,我不会感到惊讶。

答案 1 :(得分:1)

冒着被鞭打的风险,你似乎没有在你的文档HEAD中包含jQuery.js:

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

编辑:

我会尝试在从服务器输出之前设置Content-Type标头,以防万一:

header('Content-type: application/json');

答案 2 :(得分:1)

我从您的示例中复制了HTML和Javascript,仅将init.php的调用更改为'init.php'(完全假定相同的服务器和目录),并且该示例工作正常。发布的代码没有任何内在错误,这意味着您需要仔细检查Firebug网络选项卡以查看正在进行的请求以及响应的内容。同时将输入类型从隐藏更改为文本,直到您确定一切正常。如果您使用“查看源”查找结果值,则不会看到它,因为加载页面时该值不存在。如果您安装了Firefox Web Developer plugin,则可以“查看生成的源代码”,在隐藏变量中显示AJAX结果。