jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析
前段時(shí)間項(xiàng)目,需要前端JS獲取跨域XML(RSS),最先打算使用jQuery.ajax方法獲取,但是在ie9以下,提示“拒絕訪問的” 略尷尬,網(wǎng)上查找了相關(guān)資料總結(jié)了以下幾種方法:
一、google的jGFeed:相信很多同學(xué)對(duì)這個(gè)應(yīng)該不陌生,使用也相對(duì)簡單:
源碼:
(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é)不怎么了解,也不多說請(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)拷下來的,只要自己替換相應(yīng)文件路徑。
在這里推薦一下Yahoo YQL控制的地址,里面很多好玩的東西(獲取天氣,WOEID,跨域數(shù)據(jù)等等),可以返回XML和JSON 兩種結(jié)果。
以上這篇jQuery 獲取跨域XML(RSS)數(shù)據(jù)的相關(guān)總結(jié)分析就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jQuery使用ajax跨域獲取數(shù)據(jù)的簡單實(shí)例
- java 結(jié)合jQuery實(shí)現(xiàn)跨域名獲取數(shù)據(jù)的方法
- JQuery 的跨域方法推薦_可跨任何網(wǎng)站
- 深入理解jquery跨域請(qǐng)求方法
- jquery中ajax處理跨域的三大方式
- jquery中ajax跨域方法實(shí)例分析
- jQuery使用ajax跨域請(qǐng)求獲取數(shù)據(jù)
- jQuery跨域問題解決方案
- jquery+ajax實(shí)現(xiàn)跨域請(qǐng)求的方法
- jquery的ajax跨域請(qǐng)求原理和示例
- jquery跨域請(qǐng)求示例分享(jquery發(fā)送ajax請(qǐng)求)
- 利用JQuery和Servlet實(shí)現(xiàn)跨域提交請(qǐng)求示例分享
相關(guān)文章
解決jQuery使用JSONP時(shí)產(chǎn)生的錯(cuò)誤
這篇文章主要介紹了解決jQuery使用JSONP時(shí)產(chǎn)生的錯(cuò)誤,需要的朋友可以參考下2015-12-12JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧,十分的簡單實(shí)用,都是小編項(xiàng)目中使用過的,這里推薦給大家。2015-09-09jQuery中的on與bind綁定事件區(qū)別實(shí)例詳解
bind與on的區(qū)別就在于–事件冒泡,關(guān)于jquery中的on與bind綁定事件的區(qū)別通過本文給大家實(shí)例講解,需要的朋友參考下吧2017-02-02Zero Clipboard實(shí)現(xiàn)瀏覽器復(fù)制到剪貼板的方法(多個(gè)復(fù)制按鈕)
這篇文章主要介紹了Zero Clipboard實(shí)現(xiàn)瀏覽器復(fù)制到剪貼板的方法,帶有多個(gè)復(fù)制按鈕效果,涉及jQuery插件ZeroClipboard.js具體使用步驟與相關(guān)技巧,需要的朋友可以參考下2016-03-03全面詳細(xì)的jQuery常見開發(fā)技巧手冊(cè)
這篇文章主要為大家分享了一份全面詳細(xì)的jQuery常見開發(fā)技巧手冊(cè),幫助大家更好的進(jìn)行jquery開發(fā),感興趣的小伙伴們可以參考一下2016-02-02關(guān)于jquery中全局函數(shù)each使用介紹
jquery 包含了兩個(gè) each 一個(gè)是 $().each 另一個(gè)是 $.each 區(qū)別就在于前一個(gè)是 jquery對(duì)象的內(nèi)置函數(shù) 而后一個(gè) 這是對(duì)象的遍歷函數(shù)2013-12-12jQuery簡單創(chuàng)建節(jié)點(diǎn)的方法
這篇文章主要介紹了jQuery簡單創(chuàng)建節(jié)點(diǎn)的方法,涉及jQuery獲取節(jié)點(diǎn)及append添加元素創(chuàng)建節(jié)點(diǎn)的相關(guān)技巧,需要的朋友可以參考下2016-09-09