jsonpクロスドメイン訪問
1916 ワード
1） jsonp
， ， JSONP， callback ，
callback JSON ， 。
JSONP ： XMLHttpRequest Ajax ； ， ，
XMLHttpRequest ActiveX ； callback 。
<button> </button>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js" type="text/javascript" charset="utf-8"/>
<script type="text/javascript">
function demo(data){
//console.log(data);
}
//jquery
$('button').click(function(){
$.ajax({
type:"get",
dataType:'jsonp',
//url:"http://v.juhe.cn/weather/index?dtype=jsonp&format=1&key=b0a56b5965463c16d79fa1bbebbca684&cityname="+city,
url:"http://cdn.weather.hao.360.cn/api_weather_info.php?app=hao360&_jsonp=demo",
async:true,
jsonpCallback:'demo',
success: function (data) {
console.log(data) //
}
});
});
//
//
function demo(data){
console.log(data)
};
// jsonp url （ ， javascript ）
var url = "http://cdn.weather.hao.360.cn/api_weather_info.php?app=hao360&_jsonp=demo";
// script ，
var script = document.createElement('script');
script.setAttribute('src', url);
// script head，
document.getElementsByTagName('head')[0].appendChild(script);
</script>
</code></pre>
</div>
<p> </p>
<p> </p>
</div>
<p> :https://www.cnblogs.com/xiaobaibubai/p/6956307.html</p>
</div>
</div>
</div>
</div>