动态创建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标签形式加载对应地址数据，并通过回掉函数的形式返回回来

 

转载于:https://www.cnblogs.com/rockyan/p/7987697.html