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

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