集中数据格式:JSON和JSONP

使用JSON的优点在于：

• 比XML轻了很多，没有那么多冗余的东西
• JSON也是具有很好的可读性的，但是通常返回的都是压缩过后的。不像XML这样的浏览器可以直接显示，浏览器对于JSON的格式化的显示就需要借助一些插件了
• 在JavaScript中处理JSON很简单
• 其他语言例如PHP对于JSON的支持也不错

JSON也有一些劣势：

• JSON在服务端语言的支持不像XML那么广泛，不过JSON.org上提供很多语言的库
• 如果你使用eval()来解析的话，会容易出现安全问题

尽管如此，JSON的优点还是很明显的。他是Ajax数据交互的很理想的数据格式。

JSONP (JSON-p)

如果你使用XMLHttpRequest来调用JSON的web服务，返回的数据可以通过JSON.parse()或者eval()来处理。你也可以使用Ajax组件来做脚本的插入，例如，将远程加载的脚本插入在DOM节点中，通过script标签调用：

1
2
3

var script = document.createElement("script");
script.src = "http://webservice.com/?a=1&b=2";
document.getElementsByTagName("head")[0].appendChild(script);

跟XMLHttpRequest不同，插入script标签可以在不同源的情况下获取其他服务的数据。这对于流量分析、书签工具、小插件、广告系统来说是很理想的选择。

不过，返回的JSON数据通常都是当做本地的代码立即执行。也不会赋值给变量，所以后面就再访问不到了。不过这个问题我们可以通过给网络服务传递一个callback参数来进行回调：

1
2
3

var script = document.createElement("script");
script.src = "http://webservice.com/?a=1&b=2&callback=MyDataHandler";
document.getElementsByTagName("head")[0].appendChild(script);

这时候，网络服务通常会返回一个包含在一个回调函数中的JSON数据，这就是JSONP，或者“JSON with padding”，看看代码：

1
2
3
4
5
6
7
8
9
10
11
12
13

MyDataHandler([
    {
        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
         }
     }
     ...
]);

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