jQuery getJSON 基础知识

Posted

技术标签:

【中文标题】jQuery getJSON 基础知识【英文标题】:jQuery getJSON basics 【发布时间】:2011-08-28 05:56:48 【问题描述】:

我第一次尝试,测试功能好像不行:

$.getJSON('questions.json', function(data) alert(data);)

我正在尝试提醒 JSON 文件的所有内容,这真的很短。 我究竟做错了什么?为什么我收到[object Object]

【问题讨论】:

你在服务器上使用什么? questions.json返回什么? 这篇文章回答了你的问题:***.com/questions/323517/… 【参考方案1】:

JSON 是一种将对象编码为字符串的方式,以便可以轻松地在网络中传递。当 jQuery 接收到一个包含 JSON 数据的字符串时,它会反序列化它——它将它转回一个 javascript 对象。这个对象被传递给你的成功处理程序——你称之为data

当你尝试alert一个Javascript对象时,它会给你[object Object],而不是一个可读的形式。

您应该使用浏览器提供的 Javascript 控制台来调试此类数据,使用 console.log 方法。

【讨论】:

【参考方案2】:

data的值是一个JSON对象,所以data本身,当通过alert()传递时;将转储为 [object Object]。

试试 console.log(data);而不是 alert();

对于我的调试和测试,我使用 firebug,它有一个漂亮的小控制台选项卡。

【讨论】:

【参考方案3】:

您的数据是 json 对象,因此您将 [object Object] 作为警报。

【讨论】:

以上是关于jQuery getJSON 基础知识的主要内容,如果未能解决你的问题,请参考以下文章

jQuery基础(Ajax,load(),getJSON(),getScript(),post(),ajax(),同步/异步请求数据)

AJAX基础

AJAX基础

jQuery $.getJSON() 失败

jQuery:处理 getJSON() 中的错误?

jQuery:请求 getJSON + SunlightLabs API 帮助