<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
/*
* script標(biāo)簽不受同源策略限制
* */
function loadScript(url, fn) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = url;
script.onload = script.onreadystatechange = function () {
if (!this.readyState || this.readyState === 'loaded'
|| this.readyState === 'complete') {
fn();
script.onload = script.onreadystatechange = null;
}
}
head.appendChild(script);
}
// 打印出數(shù)據(jù)
window.baidu = {
sug: function (data) {
console.log(data);
}
}
// 這是一個接口api,它會返回?cái)?shù)據(jù)給你
// http://suggestion.baidu.com/su?wd=w
loadScript('http://suggestion.baidu.com/su?wd=w', function () {
console.log('loaded')
});
</script>
</body>
</html>
跨域-Script
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
推薦閱讀更多精彩內(nèi)容
- 前言:對于跨域請求,很早之前就有去了解過,但因?yàn)橐恢标P(guān)注的都是服務(wù)器后端開發(fā),故也就僅僅停留在概念的理解上而沒有機(jī)...
- 本節(jié)內(nèi)容:何為跨域?何為同源策略? 跨域:但是在實(shí)際的場景中,又確實(shí)有很多地方需要突破同源策略的限制,也就是我們常...
- 什么是跨域? 跨域,指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器對javascrip...
- 2017年第一篇博客,從去年11月份開始到現(xiàn)在已經(jīng)幾個月沒有動筆了。寫這篇博客的契機(jī)是,有個哥們在自己的博客系統(tǒng)上...