第14章 jQuery中使用AJAX跨域操作.pptVIP

第14章 jQuery中使用AJAX跨域操作 浏览器安全模型规定，XMLHttpRequest、框架（Frame）等只能在一个域中通信。从安全角度考虑，这个规定很合理；但是，也确实给分布式Web开发带来了麻烦，例如想创建一个混搭的应用就有点不知所措了。本章将介绍在jQuery中使用AJAX技术实现跨域操作的方法，并通过几个具体的实例说明其在使用网站API以及创建混搭程序中的应用。 14.1 跨域操作的实现方式 XMLHttpRequest对象本身是不能支持跨域通信的，因此使用简单的AJAX技术是无法完成跨域请求与响应的任务的。为了实现跨域通信，通常的解决方案有3种。 本地代理 Flash Script标签 14.1.1 Script方式实现跨域操作 在前面各小节中已经介绍过，Script方式在jQuery中有两种实现，一种是通过getScript()函数来实现。 14.1.2 JSONP方式实现跨域操作 JSONP（JSON with Padding）是一个非官方的协议。它允许在服务器端集成Script tags返回至客户端，通过JavaScript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。 JSONP方式的交互方式和Script方式是一样的。本身xmlHttpRequest对象并不能跨域访问，但是script标签的src可以跨域访问。因此，可以理解成，虽然AJAX本身是不能跨域操作的，但是使用jQuery的JSONP就可以实现跨域操作。 14.2 跨域操作flickr网站API jQuery.getJSON( url, [callback] )函数常用于处理从其他域的网站上返回回来的JSON格式的数据，由于目前大多数提供API调用的Web2.0网站（例如著名的图片存储分享网站）都支持JSON格式的数据返回，因此该函数在调用其他网站的API函数时十分有用。本节开始将介绍使用jQuery的JSONP方式发送AJAX请求来跨域操作及使用几个著名的web2.0网站API的方法。 14.3 跨域操作delicious网站API delicious网站（网址为/）是一个专门用来保存和分享网址链接的书签网站。它在全世界有很大的用户群，因此其上收藏较多的网址在很大程度上反应了广大网民的爱好和兴趣。 14.4 跨域操作Google AJAX Search API Google AJAX Search API（是一个JavaScript库，使您可以将Google搜索嵌入您的网页和其他网络应用程序中。Google AJAX Search API提供了简单的网络对象，可以通过许多Google服务（网页搜索、本地搜索、视频搜索、博客搜索、新闻搜索、图书搜索和图片搜索）执行内联搜索。 14.5 小结 本章介绍了使用jQuery中的AJAX技术进行跨域操作的方法，并通过对flickr、delicious以及Google AJAX Search等网站API调用的实例，演示了Script方式以及JSONP方式在跨域操作中的应用。使用该特性，可以很容易地做出新颖有趣的混搭应用。