如何从javascript中提醒json文件数据

时间:2013-09-21 12:36:31

标签: javascript json

如何使用jquery提醒下面的JSON代码?

{
    "results": {
        "course": "CC167",
        "books": {
            "book": [
                {
                    "-id": "585457",
                    "-title": "Beginning XNA 20 game programming : from novice to professional",
                    "-isbn": "1590599241",
                    "-borrowedcount": "16"
                },
                {
                    "-id": "325421",
                    "-title": "Red Hat Linux 6",
                    "-isbn": "0201354373",
                    "-borrowedcount": "17"
                }
            ]
        }
    }
}

这是我的json文件内容,可以命名为result.json。我需要使用JavaScript或jQuery提醒或打印此文件的所有数据。我怎么能这样做?

3 个答案:

答案 0 :(得分:36)

让我们假设您拥有字符串中的JSON,var json_str = '{ "results": ... }';

从那里你必须将其解析为JSON,这可以使用:

完成
var json_obj = JSON.parse(json_str);

如果您需要从文件加载,请使用:

var json_obj;
$.getJSON("result.json", function (data) {
    json_obj = data;
});

获得JSON对象后,访问数据非常简单。

alert(json_obj.results.books.book[1]["-title"]); >>> Red Hat Linux 6

或者打印JSON作为一个整体:

alert(JSON.stringify(json_obj));

答案 1 :(得分:4)

alert(JSON.stringify(result.json));

但您可能喜欢

 console.log(result.json); 

你不需要对json进行字符串化,你可以在浏览器的控制台中看到它。

答案 2 :(得分:0)

你从哪里获得你的json文件?它是否包含在您页面的某个位置?如果是这样,只需将其放入JS变量并使用它。 如果它是服务器上的另一个文件,请使用jquery加载文件并在成功时实现回调(例如,请参阅jquery文档以获取jquery.getJSON)。 要对json对象进行字符串化,JSON.stringify(应该是内置的)。 如果要支持所有浏览器,请获取具有parse和stringify方法的Json2库。