使用 JSONP 实现跨域通信，第 2 部分: 使用 JSONP、jQuery 和 Yahoo! 查询语言构建 mashup

核心提示： 甚至可通过 YQL 查询 Web：selecttitle,abstract,urlfromsearch.webwherequery="BartSimpson"了解和增强您对 YQL 的理解的一种好方法就是使用 YQL 控制台，这是由 Yahoo! 提供的，使用 JSONP 实

甚至可通过 YQL 查询 Web：

select　title,abstract,url　from　search.web　where　query="Bart　Simpson"

了解和增强您对 YQL 的理解的一种好方法就是使用 YQL 控制台，这是由 Yahoo! 提供的，地址如下： http://developer.yahoo.com/yql/console/。（图 2 展示了屏幕快照。）

请尝试将本文中提供的任何 YQL 语句复制并粘贴到 YQL 控制台中，以查看所得到的 JSONP 响应（务必选中单选按钮，以获得 JSON 输出格式而非 XML）。

图 2. YQL 控制台

查看原图（大图）　

使用 jQuery 查询 YQL

典型 YQL GET 请求形式如下：

http://query.yahooapis.com/v1/public?q=[command]&[query　parameter]

其中 command 是 YQL 命令，query parameter 表示服务的可选参数。由于目前关注的是 YQL 的 JSONP 支持，因而您的请求必须始终包含两个可选参数，这样才能从 YQL 服务获得 JSONP 响应。您的请求将使用如下格式：

http://query.yahooapis.com/v1/public?q=[command]&format=json&callback=?

其中 format 是定义请求响应格式的请求参数，callback 是 Web 应用程序中回调函数的名称，本例中由 jQuery 提供。请注意，我们使用 ? 表示回调函数名，而未使用实际函数名，这是为了告诉 jQuery 为我们生成一个函数。

编缉推荐阅读以下文章

• 使用 JSONP 实现跨域通信，第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup