集中数据格式:JSON和JSONP

作者佚名技术来源网页制作浏览发布时间 2012-03-06

在之前的文章中我们讲到了早期的集中数据格式，XML，SOAP，HTML。现在，我们来看看JSON和JSONP。

JSON

JSON(JavaScript Object Notation)是Douglas Crockford提出的。他是一个轻量级的数据交换格式，基于JavaScript对象字面量。

我们可以将之前的XML图书格式的文件内容转换成下面的JSON格式：

[
   {
       title: "The Principles of Beautiful Web Design, 2nd Edition",
       url: "http://www.sitepoint.com/books/design2/",
       author: "Jason Beaird",
       publisher: "SitePoint",
       price: {
           currency: "USD",
           amount: 39.95
        }
    },
    {
        title: "jQuery: Novice to Ninja",
        url: "http://www.sitepoint.com/books/jquery1/",
        author: "JEarle Castledine & Craig Sha***e",
        publisher: "SitePoint",
        price: {
            currency: "USD",
            amount: 29.95
        }
    },
    {
        title: "Build Your Own Database Driven Website",
        url: "http://www.sitepoint.com/books/phpmysql4/",
        author: "Kevin Yank",
        publisher: "SitePoint",
        price: {
            currency: "USD",
            amount: 39.95
        }
    }
]

这是一个通过对象来表示书的一种方式，并且有title、url、author、publisher、和price等信息。price是一个子对象，并且他包含货币类型和价格。

在JavaScript中很容易处理JSON。你可以使用浏览器原生的JSON.parse方法或者Douglas Crockford的JSON-js库。就算这些都不能用，你也可以使用javaScript的eval方法。不需要再写额外的处理数据的方法：

var json = xhr.responseText;
var book = JSON.parse(json);
alert(book[0].title); //first book title
alert(book[1].url); //second book URL

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 3 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: 学习jQuery:经常查阅的jQuery资源下一篇: jQuery插件里的opacity属性的浏览器兼容性

关于集中数据格式:JSON和JSONP的所有评论

随机推荐