JSONP跨域访问在线代理API
来源:互联网 发布:windows squid 速度慢 编辑:程序博客网 时间:2024/05/16 09:25
JSONP跨域访问在线代理API
ajax请求不同域名的页面时,由于浏览器安全限制是不允许请求的,发生错误。此时需要搭建服务器做代理捉取跨域页面,ajax请求自己建立的代理页面。如果你不想建立自己的代理服务,因为有时我根本就没打算涉及服务端任何代码,但是讨厌的浏览器的同源策略,阻止了我们的ajax调用。
比如我想访问一个天气的restfull api,如果我直接去GET:
-收缩
JavaScript
代码$.get("http://www.coding123.net/json.asp");
看见这问题相信大家都不会陌生,也会很自然的得到解决方案,但是我这里真的不想touch任何服务端代码,用jsonp吧,但是服务端没实现契约。
在这里我是时候引入主角yahoo提供的jsonp代理:http://query.yahooapis.com/v1/public/yql
由于m.weather.com.cn数据地址已经更改,所以改为本站数据地址。你可以讲示例放在你网站下运行,绝对不会报错
html:
-收缩
HTML
代码 运行代码 [如果运行无效果,请自行将源代码保存为html文件运行]<script type="text/javascript" src="http://www.coding123.net/rardownload/20130106/20130106170832648.js"></script>
<script type="text/javascript"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
$.ajax({
url: 'http://query.yahooapis.com/v1/public/yql',
dataType: 'jsonp',
data: {
q: "select * from json where url=\"http://www.coding123.net/json.asp\"",
format: "json"
},
success: function (d) {
alert(JSON.stringify(d))//远程json数据放在query.results下
}
});</script>
<script type="text/javascript"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
$.ajax({
url: 'http://query.yahooapis.com/v1/public/yql',
dataType: 'jsonp',
data: {
q: "select * from json where url=\"http://www.coding123.net/json.asp\"",
format: "json"
},
success: function (d) {
alert(JSON.stringify(d))//远程json数据放在query.results下
}
});</script>
如果跨域数据源不是json格式的,而是html代码,可以用下面的代码获取到跨域页面的html代码,结果如下
-收缩
HTML
代码 运行代码 [如果运行无效果,请自行将源代码保存为html文件运行]<script type="text/javascript" src="http://www.coding123.net/rardownload/20130106/20130106170832648.js"></script>
<script type="text/javascript"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
$.ajax({
url: 'http://query.yahooapis.com/v1/public/yql',
dataType: 'jsonp',
data: {
q: "select * from html where url=\"http://www.coding123.net/eg/base64.aspx\"",
format: "xml"
},
success: function (d) {
alert(JSON.stringify(d))//跨域html代码放在results下,注意和json的区别
}
});</script>
<script type="text/javascript"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
$.ajax({
url: 'http://query.yahooapis.com/v1/public/yql',
dataType: 'jsonp',
data: {
q: "select * from html where url=\"http://www.coding123.net/eg/base64.aspx\"",
format: "xml"
},
success: function (d) {
alert(JSON.stringify(d))//跨域html代码放在results下,注意和json的区别
}
});</script>
jsonp原理可以参考这篇文章:jQueryjsonp跨域原理
http://query.yahooapis.com/v1/public/yql JSONP跨域接口API使用说明
作者:破 狼 出处:http://www.cnblogs.com/whitewolf/
0 0
- JSONP跨域访问在线代理API
- jsonp 跨域访问
- JSONP跨域访问
- jsonp跨域访问
- Jsonp 跨域访问
- 跨域访问jsonp
- Jsonp 跨域访问
- JSONP 跨域访问
- Jsonp 跨域访问
- jsonp跨域访问
- jsonp跨域访问
- 跨域访问 jsonp
- JSONP跨域访问
- jsonp跨域访问
- JSONP 跨域访问
- 跨域访问jsonp
- jsonp跨域访问
- jsonp 跨域访问
- Android开发教程05:Android项目的目录结构
- 认识PHP代码标识 想在页面中编写PHP代码非常容易,如下面代码: <?php echo "想学习php吗?来慕课网吧"; ?> 就像你可以编写JavaScript脚本语言需要写在<scri
- 地统计分析笔记——探索数据
- Android中探讨自定义控件View
- 【手游】魔灵幻想 美术资源加密分析
- JSONP跨域访问在线代理API
- js md5加密和 java后台md5加密
- dom事件
- What does ENABLE_BITCODE do in xcode 7?
- 弱小者索取,强大者奉献
- LeetCode OJ: Remove Linked List Elements
- Android APK的数字签名的作用和意义
- 润乾中填写生僻字后显示乱码
- CentOS 7 环境下使用postgres源码编译安装PG