Web前端工作中怎樣實(shí)現(xiàn)跨域？

今天小編要跟大家分享的文章是關(guān)于Web前端中實(shí)現(xiàn)跨域的方法有哪些?正在從事Web前端工作的小伙伴們來(lái)和小編一起看一看本篇文章吧，希望能夠?qū)Υ蠹矣兴鶐椭?/p>

一、同源策略

同源策略是瀏覽器的一個(gè)安全功能，同源即協(xié)議、域名、端口三者相同。它限制了從一個(gè)源加載的文檔或腳本與另一個(gè)源進(jìn)行數(shù)據(jù)交互，所以abc.com下的JS腳本請(qǐng)求xyz.com的數(shù)據(jù)會(huì)被拒絕。

注意：跨域限制訪問(wèn)，其實(shí)是瀏覽器的同源策略限制。

二、跨域

當(dāng)協(xié)議、域名、端口任意一個(gè)不同時(shí)，都算不同域。不同域之間相互請(qǐng)求資源，就算跨域。

注意：跨域并不是請(qǐng)求發(fā)不出去，請(qǐng)求能發(fā)出去，服務(wù)端能收到請(qǐng)求并正常返回結(jié)果，只是結(jié)果被瀏覽器攔截了。

三、跨域的幾種方法

(1)有三個(gè)標(biāo)簽允許跨域加載資源

(2)JSONP

JSONP(JSON with Padding) 是 json 的一種"使用模式"，可以讓網(wǎng)頁(yè)從別的域名獲取資料，即跨域讀取數(shù)據(jù)。

JSONP由兩部分組成：回調(diào)函數(shù)和數(shù)據(jù)?；卣{(diào)函數(shù)是當(dāng)響應(yīng)到來(lái)時(shí)在頁(yè)面調(diào)用的數(shù)據(jù)。數(shù)據(jù)則為傳入回調(diào)函數(shù)的JSON數(shù)據(jù)。

JSONP通過(guò)