jquery如何弄清楚JSON对象包含的内容

时间:2011-06-01 21:01:55

标签: javascript debugging

我正在使用JQuery和CodeIgniter PHP来构建AJAX调用并通过JSON返回数据。我想弄清楚我的JSON对象返回了什么,但我不确定语法是什么。有没有办法以某种方式提醒或记录JSON对象的所有内容?这是我的代码:

$.ajax({
    type: "GET",
    url: groups_url,
    success: function(parent){
        alert (parent);
    }
});

如果我这样做 - 我得到一个对象,但我不知道它包含什么。

6 个答案:

答案 0 :(得分:2)

学会喜欢Javascript控制台。 console.log方法几乎涵盖了所有可能性 - 为您提供了您所关注的对象(或数组,字符串,数字或布尔值)的格式良好的摘要。

console.log(parent);

您可以通过浏览器内置的控制台(例如Chrome控制台,Firefox 4网络控制台,IE开发人员工具)或使用插件(例如Firebug for Firefox< 4)查看日志。

答案 1 :(得分:1)

Log to your console and inspect it

$.ajax({
    type: "GET",
    url: groups_url,
    success: function(parent){
       console.log(parent);
    }
});

答案 2 :(得分:1)

由于groups_url正在返回json,您可以将浏览器指向该网址并查看回复。

您还可以在chrome中使用firebug或dev控制台。只需转到网络选项卡,您就会看到其中列出的ajax请求以及相关的标题和响应。

答案 3 :(得分:0)

在你的代码中,为了返回Json对象,你应该设置一个对象的某些属性,或者动态地创建一个对象,或者沿着这些行的东西。

我们能看到返回Json的方法吗?

假设您要返回一个包含属性Id的对象,您应该只需访问:

parent.Id

在客户端。

答案 4 :(得分:0)

您可以使用firebug并在success方法中设置断点,然后您将能够查看json对象。

答案 5 :(得分:0)

我使用这段代码,请注意错误函数,如果请求不成功,将触发该错误函数。 (即服务器端的错误500)

jQuery.ajax(
        {
            url: "http://yoururl/bla",
            success: function (data) { console.log(data); },
            error: function (data) { console.log(data); },
            dataType: "json",
            type: "POST",
            data: { name: "value", name2: "this will be posted in the request" }
        });