快捷導(dǎo)航

jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析

更新時(shí)間：2016年05月18日 09:50:22 投稿：jingxian

下面小編就為大家?guī)?lái)一篇jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

前段時(shí)間項(xiàng)目,需要前端JS獲取跨域XML(RSS),最先打算使用jQuery.ajax方法獲取，但是在ie9以下,提示“拒絕訪問(wèn)的” 略尷尬，網(wǎng)上查找了相關(guān)資料總結(jié)了以下幾種方法:

一、google的jGFeed:相信很多同學(xué)對(duì)這個(gè)應(yīng)該不陌生，使用也相對(duì)簡(jiǎn)單：

源碼：

(function($){
 $.extend({
  jGFeed : function(url, fnk, num, key){
   // Make sure url to get is defined
   if(url == null) return false;
   // Build Google Feed API URL
   var gurl = "http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q="+url;
   if(num != null) gurl += "&num="+num;
   if(key != null) gurl += "&key="+key;
   // AJAX request the API
   $.getJSON(gurl, function(data){
    if(typeof fnk == 'function')
      fnk.call(this, data.responseData.feed);
    else
    	return false;
   });
  }
 });
})(jQuery);

調(diào)用：

jQuery.jGFeed('XML或者RSS路徑', function (feeds) {
	console.log(feeds);
})

二、yahoo的YQL查詢；這種方式可能有的同學(xué)不怎么了解，也不多說(shuō)請(qǐng)往下看：

var YqlUrl='http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D"'+XML或者RSS路徑+'"&format=json&diagnostics=true&callback=?'
$.getJSON(YqlUrl,function(data){
	console.log(data)
})

上面的YqlUrl是yahoo YQL 控制臺(tái)拷下來(lái)的，只要自己替換相應(yīng)文件路徑。

在這里推薦一下Yahoo YQL控制的地址，里面很多好玩的東西(獲取天氣,WOEID,跨域數(shù)據(jù)等等)，可以返回XML和JSON 兩種結(jié)果。

以上這篇jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)圖片放大縮小功能后進(jìn)行復(fù)雜排序的方法
這是一個(gè)基于jquery的圖片效果，它的作用是：當(dāng)圖片點(diǎn)擊變大(變小)時(shí)，其它圖片按照一定的規(guī)則進(jìn)行排序運(yùn)動(dòng)
2012-11-11
自定義類似于jQuery UI Selectable 的Vue指令v-selectable
這篇文章主要介紹了自定義類似于jQuery UI Selectable 的Vue指令v-selectable的相關(guān)資料,需要的朋友可以參考下
2017-08-08
初窺JQuery-Jquery簡(jiǎn)介入門(mén)了解篇
JQuery是一種非常靈活的腳本庫(kù)，JQuery庫(kù)為Web腳本編程提供了通用的抽象層，已經(jīng)是比較流行的js框架了。
2010-11-11
jQuery封裝animate.css的實(shí)例
下面小編就為大家分享一篇jQuery封裝animate.css的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
基于jquery實(shí)現(xiàn)多級(jí)菜單效果
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)多級(jí)菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
jquery.uploadify插件在chrome瀏覽器頻繁崩潰解決方法
這篇文章主要介紹了jquery.uploadify插件在chrome瀏覽器頻繁崩潰解決方法,十分的實(shí)用，遇到相同問(wèn)題，需要解決的朋友可以參考下
2015-03-03
jQuery基于排序功能實(shí)現(xiàn)上移、下移的方法
這篇文章主要介紹了jQuery基于排序功能實(shí)現(xiàn)上移、下移的方法,結(jié)合實(shí)例形式分析了jQuery使用ajax與后臺(tái)php交互實(shí)現(xiàn)元素的排序，上移、下移功能相關(guān)操作技巧
2016-11-11
Jquery獲得控件值的三種方法總結(jié)
本篇文章主要是對(duì)Jquery獲得控件值的三種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼
如何實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件，下面有個(gè)不不錯(cuò)的示例使用jquery實(shí)現(xiàn)的，感興趣的朋友可以參考下
2014-01-01
jQuery操作動(dòng)畫(huà)完整實(shí)例分析
這篇文章主要介紹了jQuery操作動(dòng)畫(huà),結(jié)合完整實(shí)例形式分析了jquery針對(duì)頁(yè)面元素動(dòng)畫(huà)效果相關(guān)實(shí)現(xiàn)技巧,涉及jquery slideUp與slideDown方法的使用,需要的朋友可以參考下
2020-01-01