1.同源策略
--是瀏覽器的安全策略凯正。
--協(xié)議名冠摄,域名饲鄙,端口號(hào)必須完全一致。
2.跨域
--違背了同源策略就會(huì)產(chǎn)生跨域枣购。
(開(kāi)發(fā)中往往會(huì)有不同的服務(wù)器提供不同的功能)
3.解決跨域
--jsonp(前端和后端一起設(shè)置)娶耍、cors(后端設(shè)置)免姿、服務(wù)器代理(后端設(shè)置)
//創(chuàng)建script標(biāo)簽
var script = document.createElement('script');
//設(shè)置回調(diào)函數(shù)
function getData(data){
//數(shù)據(jù)請(qǐng)求回來(lái)會(huì)被觸發(fā)的函數(shù)
cosole.log(data);
}
//設(shè)置script的src屬性,設(shè)置請(qǐng)求地址
script.src = 'http://localhost:3000?callback=getData'
//讓script生效
document.body.appendChild(script);