Ajax“无法加载资源”

Question

jQuery('input').live('click',function(e){
    $.getJSON(
        "/json.php",
        function(data){
            the_name = data.name;
        }
    );

});

当我们按下时，它应该进行json查询。

它会给出错误。

在Google Chrome控制台中：

• 无法加载资源http://site.com/json.php
• 未捕获的TypeError：无法读取null的属性'name'

在Firefox控制台中：

• GET http://site.com/json.php - 用红色加粗。
• 数据为空; the_name = data.name;

奇怪的是当我打开http://site.com/json.php时，浏览器给我一个正常的json代码，如： {"name":"Mary"}。它使用php json_encode();

进行编码

有什么问题？

Answer 1

也许你的json字符串不正确：

尝试

$.get("/json.php", function(data) {alert(data)});

如果您在警告框中看到数据，请尝试：

$.get("/json.php", function(data) {
  var obj = $.parseJSON(data);
  alert(obj.name)
});

Answer 2

您的json.php脚本未设置Content-Type: application/json HTTP标头？

Answer 3

加载Firebug并使用控制台检查请求和响应。确保请求正确发送，并且服务器的响应格式正确JSON。