Ajax跨域访问XML数据的另一种方式——使用YQL查询语句-阿里云开发者社区

Ajax跨域访问XML数据的另一种方式——使用YQL查询语句

2017-11-14 1299

简介：

+关注继续查看

XML数据默认是不能在客户端通过Ajax跨域请求读取的，一般的做法是在服务器上写一个简单的代理程序，将远程XML的数据先读到本地服务器，然后客户端再从本地服务器通过Ajax来请求。由于我们不能对数据源所在的环境进行任何设置和修改，所以仅通过客户端代码很难绕过这个问题。但如果请求的数据不是XML而是JSON对象或者JavaScript函数，则通过JSONP方法可以非常容易地解决，直接调用JQuery.getJSON()方法在回调函数中就可以获取到返回的结果。如果要使用JSONP，可以在指定的URL后面附加查询参数"&callback=?"。

$(document).ready(function() {
  $.getJSON("http://www.example.com/getdata", function(data) {
  console.log(data);
 })
});

$(document).ready(function() {
  $.getJSON("http://www.example.com/getdata2?callback=?", function(data) {
  console.log(data);
 })
});

　　除此之外，我们还可以借助于第三方平台提供的API来访问数据。YQL是Yahoo!提供的一套Web Service服务，通过它你可以像SQL语句一样访问互联网上的任何数据，而不存在跨域的问题。

//sample site that returns xml
var site = 'http://feed.cnblogs.com/blog/u/53608/rss';


var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from xml where url="' + site + '"') + '&format=xml&callback=?';

// Request that YSQL string, and run a callback function.
// Pass a defined function to prevent cache-busting.
$.getJSON(yql, function (data) {
    console.log(data.results[0]);
});