最近在做一个appstore的排行,需要请求道苹果的RSS,也就是xml文件,使用了jQuery方便的ajax请求,但是出现了跨域问题和访问xml文件的命名空间元素浏览器兼容性的
1.在苹果提供的xml文件里
<feed xmlns:im="http://itunes.apple.com/rss" xmlns="http://www.w3.org/2005/Atom" xml:lang="vi">
规定了命名空间,当我用jQuery选择器选择例如
<title>仙劍奇俠傳5 - 劍傲丹楓 - SOFTSTAR ENTERTAINMENT INC.</title>
是没有问题的,但是当我选择
<im:name>仙劍奇俠傳5 - 劍傲丹楓</im:name>
出现了浏览器的兼容性问题。chrome是支持的,ff不支持,ie未测试
于是搜索了很多解决方案如下
- 选择时使用$(dom).find('im\\:name')这种语法,但是这种语法chrome不支持。
- 最后找到一种兼容性相对较好的方法,使用一款插件,下载的地址是插件,使用的方法是在前面加一行声明
然后后面如果需要访问命名空间的元素用下面的语法$.xmlns['im'] = 'http://itunes.apple.com/rss';
$(dom).find('im|name')
后来搜索后有一个解决方案是在前面加一行声明
jQuery.support.cors = true;
但是奇怪的是我在本机环境中ie访问会出现一个提示,说正在访问远程的文件,允许后就可以访问了,但是当我放到真正的服务器环境时出现了还是不能访问的问题,当然仅仅是限于ie,因此我只能采用php过渡一下来解决:
写一个php脚本来过渡一下请求使其能够访问远程的信息 url 通过ajax参数传过来
<?php
header('Content-Type: text/xml');
$url = $_GET['url'];
print file_get_contents($url);
?>
附苹果各种信息rss获取的 地址