動態創建script標簽解決跨域問題


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM