你是否遇到了想利用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原理我相信大家也很清楚。?

轉載于:https://www.cnblogs.com/whitewolf/archive/2012/12/01/2797240.html

總結

以上是生活随笔為你收集整理的介绍一个JSONP 跨域访问代理API-yahooapis的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。