JSONP 跨域访问代理API-yahooapis实现代码
更新时间：2012年12月02日 15:33:58 作者：
介绍一个JSONP 跨域访问代理API-yahooapis,需要的朋友可以参考下
你是否遇到了想利用AJAX访问一些公网API，但是你又不想建立自己的代理服务，因为有时我根本就没打算涉及服务端任何代码，但是讨厌的浏览器的同源策略，阻止了我们的ajax调用。
比如我想访问一个天气的restfull api，如果我直接去GET：
$.get("http://m.weather.com.cn/data/101010100.html");
看见这问题相信大家都不会陌生，也会很自然的得到解决方案，但是我这里真的不想touch任何服务端代码，用jsonp吧，但是服务端没实现契约。
在这里我是时候引入主角yahoo提供的jsonp代理：http://query.yahooapis.com/v1/public/yql
实现跨域访问代码为：http://jsfiddle.net/whitewolf/4UDpf/9/
html：
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<div id="content">
</div>
js:
$(function(){
$.getJSON("http://query.yahooapis.com/v1/public/yql", {
q: "select * from json where url=\"http://m.weather.com.cn/data/101010100.html\"",
format: "json"
}, function(data) {
var $content = $("#content")
if (data.query.results) {
$content.text(JSON.stringify(data.query.results));
} else {
$content.text('no such code: ' + code);
}
});
});
效果：
多的就不用说了，jsonp原理我相信大家也很清楚。
比如我想访问一个天气的restfull api，如果我直接去GET：
复制代码 代码如下:
$.get("http://m.weather.com.cn/data/101010100.html");
看见这问题相信大家都不会陌生，也会很自然的得到解决方案，但是我这里真的不想touch任何服务端代码，用jsonp吧，但是服务端没实现契约。
在这里我是时候引入主角yahoo提供的jsonp代理：http://query.yahooapis.com/v1/public/yql
实现跨域访问代码为：http://jsfiddle.net/whitewolf/4UDpf/9/
html：
复制代码 代码如下:
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<div id="content">
</div>
复制代码 代码如下:
js:
$(function(){
$.getJSON("http://query.yahooapis.com/v1/public/yql", {
q: "select * from json where url=\"http://m.weather.com.cn/data/101010100.html\"",
format: "json"
}, function(data) {
var $content = $("#content")
if (data.query.results) {
$content.text(JSON.stringify(data.query.results));
} else {
$content.text('no such code: ' + code);
}
});
});
效果：
多的就不用说了，jsonp原理我相信大家也很清楚。
相关文章
这篇文章主要介绍了jQuery实现倒计时功能,结合完整实例形式详细分析了jQuery倒计时功能相关实现技巧与操作注意事项,需要的朋友可以参考下2020-06-06
在鼠标经过的时候不停的显示隐藏html元素，正确的写法应该是下面这样的,需要的朋友可以参考下2014-03-03
jQuery判断元素显示或隐藏, is 函数，需要的朋友可以参考下。2011-04-04
本文主要介绍了jQuery实现页面滚动时智能浮动定位的方法。附上完整代码，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
基于PHP+Jquery制作的可编辑的表格的代码，需要的朋友可以参考下。2011-04-04
打开空白新窗口，再给新窗口的localtion赋值，需要的朋友可以参考下2012-08-08
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
这篇文章主要介绍了jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
这篇文章主要介绍了jQuery动态生成不规则表格的实现代码，非常不错，具有参考借鉴价值，需要的朋友参考下2017-02-02
浅谈jQuery中Ajax事件beforesend及各参数含义
下面小编就为大家带来一篇浅谈jQuery中Ajax事件beforesend及各参数含义。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
主要是利用了jquery的attr为行添加样式来实现的，具体的代码如下。2009-12-12
最新评论