執行ajax時,必須同源策略:同域名、同協議、同端口
jsonp:不受同源策略限制,可借助jsonp實現跨域請求:
例:
html:
<button id="btn"></button>
js:
window.onload = function(){
var btn = document.getElementById('btn');
bth.onclick = function(){
var oscript = document.createElement('script');
oscript.src = 'ajax.jsonp.js';
document.body.appendChild(oscript);
}
}
//回調
function huidiao(data){
console.log(data)
}
jsonp解決原理:
通過動態創建script標簽形式加載對應地址數據,並通過回掉函數的形式返回回來
