jQuery 获取跨域XML(RSS)数据的相关总结分析


Posted in Javascript onMay 18, 2016

前段时间项目,需要前端JS获取跨域XML(RSS),最先打算使用jQuery.ajax方法获取,但是在ie9以下,提示“拒绝访问的” 略尴尬,网上查找了相关资料总结了以下几种方法:

一、google的jGFeed:相信很多同学对这个应该不陌生,使用也相对简单:

源码:

(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);

调用:

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

二、yahoo的YQL查询;这种方式可能有的同学不怎么了解,也不多说请往下看:

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 控制台拷下来的,只要自己替换相应文件路径。

在这里推荐一下Yahoo YQL控制的地址,里面很多好玩的东西(获取天气,WOEID,跨域数据等等),可以返回XML和JSON 两种结果。

以上这篇jQuery 获取跨域XML(RSS)数据的相关总结分析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 入门基础知识 想学习js的朋友可以参考下
Dec 26 Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 Javascript
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
js实现遍历含有input的table实例
Dec 07 Javascript
全面了解JavaScript对象进阶
Jul 19 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
Oct 13 Javascript
微信小程序 登陆流程详细介绍
Jan 17 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
vue-cli在 history模式下的配置详解
Nov 26 Javascript
jQuery使用ajax跨域获取数据的简单实例
May 18 #Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 #Javascript
深入理解jquery跨域请求方法
May 18 #Javascript
判断是否存在子节点的实现代码
May 18 #Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 #Javascript
Bootstrap教程JS插件弹出框学习笔记分享
May 17 #Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
May 17 #Javascript
You might like
php巧获服务器端信息
2006/12/06 PHP
PHP日期处理函数 整型日期格式
2011/01/12 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
PHP集成环境XAMPP的安装与配置
2018/11/13 PHP
提高 DHTML 页面性能
2006/12/25 Javascript
js null undefined 空区别说明
2010/06/13 Javascript
在多个页面使用同一个HTML片段《续》
2011/03/04 Javascript
使用jQuery同时控制四张图片的伸缩实现代码
2013/04/19 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
详解vue-cli 构建Vue项目遇到的坑
2017/08/30 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
关于layui toolbar和template的结合使用方法
2019/09/19 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
pycharm 使用心得(八)如何调用另一文件中的函数
2014/06/06 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
Python常用编译器原理及特点解析
2020/03/23 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
python GUI计算器的实现
2020/10/09 Python
html5实现图片转圈的动画效果——让页面动起来
2017/10/16 HTML / CSS
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
外贸公司实习自我鉴定
2013/09/24 职场文书
初中语文教学反思
2014/02/02 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
2020优秀员工演讲稿(三篇)
2019/10/17 职场文书
Python OpenCV实现图像模板匹配详解
2022/04/07 Python