同源策略

在運(yùn)行中我們有時(shí)會(huì)出錯(cuò)是因?yàn)槲覀冞`反了同源策略，這是一種瀏覽器所實(shí)施的安全措施，用于限制具有不同來源的文檔之間的交互。頁面的來源由其協(xié)議，主機(jī)和端口號(hào)定義。具有相同來源的資源可以相互完全訪問。但是如果具有不相同的源將會(huì)拒絕訪問。

http://www.a.com/a.js 
http://www.b.com/a.js 
這兩個(gè)之間就不可以互相訪問，因?yàn)橛蛎牟幌嗤?/pre>

域名組成

如果上面兩個(gè)域名想互相訪問就需要跨域請(qǐng)求，一般情況下同源政策規(guī)定：允許跨源 寫入，而不允許跨源 讀取這意味著同源政策不會(huì)阻止將數(shù)據(jù)寫入，只會(huì)禁止他們從域中讀取數(shù)據(jù)， 或者對(duì)從其域收到的響應(yīng)做任何事情。

跨域請(qǐng)求的方法

JSONP

JSONP 稱為帶有填充的JavaScript對(duì)象表示，是一種通過利用HTML頁面中的腳本標(biāo)記可以來加載來自不同來源的代碼來執(zhí)實(shí)現(xiàn)跨域請(qǐng)求的方法。JSONP依賴于<script>標(biāo)簽可以來自不同來源的事實(shí)。當(dāng)瀏覽器解析<script>標(biāo)記時(shí)，它將獲取腳本內(nèi)容，并在當(dāng)前頁面的上下文中執(zhí)行它。通常，服務(wù)將返回HTML或以XML或JSON等數(shù)據(jù)格式表示的某些數(shù)據(jù)。但是，當(dāng)向啟用JSONP的服務(wù)器發(fā)出請(qǐng)求時(shí)，它會(huì)返回一個(gè)腳本塊，該腳本塊在執(zhí)行時(shí)會(huì)調(diào)用頁面指定的回調(diào)函數(shù)，并將實(shí)際數(shù)據(jù)作為參數(shù)提供

注意：它沒有相同的源點(diǎn)限制，即使在舊瀏覽器中也具有良好的兼容性但是JSONP只能用于執(zhí)行跨域GET請(qǐng)求，服務(wù)器必須顯式支持JSONP請(qǐng)求。

CORS方法

為服務(wù)器提供了一種機(jī)制，告訴瀏覽器可以請(qǐng)求域A讀取來自域B的數(shù)據(jù)。通過在響應(yīng)中包含一個(gè)新的 Access-Control-Allow-OriginHTTP頭來完成的，當(dāng)瀏覽器收到來自跨源源的響應(yīng)時(shí)，它將檢查CORS頭。如果響應(yīng)頭中指定的源點(diǎn)與當(dāng)前源點(diǎn)相匹配，則允許對(duì)響應(yīng)進(jìn)行讀訪問，否則就會(huì)報(bào)錯(cuò)。

與jsonp相比，CORS具有以下優(yōu)勢：

它不僅支持GET請(qǐng)求，還支持POST等其他請(qǐng)求

它可以使用XMLHttpRequest發(fā)送和接收數(shù)據(jù)，并具有更好的錯(cuò)誤處理機(jī)制

總結(jié)：以上就是本篇文章的全部內(nèi)容了，希望對(duì)大家學(xué)習(xí)有所幫助，感謝大家對(duì)腳本之家的支持。