執行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標簽形式加載對應地址數據,並通過回掉函數的形式返回回來