跨域ajax請(qǐng)求，服務(wù)器會(huì)收到請(qǐng)求嗎？

android_c 發(fā)布于2019-08-21 16:46 / 1437人閱讀

摘要：這次經(jīng)過(guò)驗(yàn)證發(fā)現(xiàn)正好相反在下的頁(yè)面中向下的發(fā)送請(qǐng)求控制臺(tái)信息顯示跨域不被允許查看服務(wù)器記錄，找到了這條請(qǐng)求的記錄所以同源策略應(yīng)該是瀏覽器在接收加載資源之前對(duì)其來(lái)源進(jìn)行了檢查，然后限制加載。

同源策略（Same origin policy）

是一種約定，它是瀏覽器最核心也最基本的安全功能，Web是構(gòu)建在同源策略基礎(chǔ)之上的，瀏覽器是針對(duì)同源策略的一種實(shí)現(xiàn)。

之前一直認(rèn)為，它是通過(guò)對(duì)發(fā)出的請(qǐng)求進(jìn)行檢查是否同源，然后決定是否對(duì)該請(qǐng)求加以限制來(lái)實(shí)現(xiàn)。這次經(jīng)過(guò)驗(yàn)證發(fā)現(xiàn)正好相反：

在www.test.com下的頁(yè)面中向www.domian.com下的a.php發(fā)送ajax請(qǐng)求：

    $.ajax({                       
        type:"get",
        url:"http://www.domain.com/a.php",
        async:true,
        success:function(res){
            console.log(res)
        },
        error:function(){
            console.log("error")
        }
    });

控制臺(tái)信息顯示跨域不被允許：

 XMLHttpRequest cannot load http://www.domain.com/a.php. No "Access-Control-Allow-Origin" header is present on the requested resource. Origin "http://www.test.com" is therefore not allowed access.

查看服務(wù)器access.log記錄，找到了這條請(qǐng)求的記錄：

所以同源策略應(yīng)該是瀏覽器在接收加載資源之前對(duì)其來(lái)源進(jìn)行了檢查，然后限制加載。

GPU云服務(wù)器云服務(wù)器 ajax請(qǐng)求跨域問(wèn)題 js ajax跨域請(qǐng)求數(shù)據(jù) jquery_ajax跨域請(qǐng)求負(fù)載均衡未收到請(qǐng)求

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/88713.html

相關(guān)文章

再也不學(xué)AJAX了！（三）跨域獲取資源 ② - JSONP & CORS

摘要：瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全，但是如果當(dāng)我們需要使用跨域請(qǐng)求資源時(shí)，同源策略又會(huì)成為開發(fā)者的阻礙。我們之前提到過(guò)，如果想要繞過(guò)瀏覽器同源策略，實(shí)現(xiàn)使用技術(shù)跨域獲取資源，需要服務(wù)端和客戶端的協(xié)同合作。瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全，但是如果當(dāng)我們需要使用AJAX跨域請(qǐng)求資源時(shí)，同源策略又會(huì)成為開發(fā)者的阻礙。在本文中，我們會(huì)簡(jiǎn)單介紹需...

enda 2019-08-21 17:55 評(píng)論0 收藏0
再也不學(xué)AJAX了！（三）跨域獲取資源 ③ - WebSocket & postMessag

摘要：一基于維基百科的定義，是一種在單個(gè)連接上進(jìn)行全雙工通訊的協(xié)議。讓我們看看這個(gè)模型的具體實(shí)現(xiàn)下面是客戶端告知服務(wù)端要升級(jí)為協(xié)議的報(bào)頭下面是服務(wù)端向客戶端返回的響應(yīng)報(bào)頭想知道這些報(bào)頭中的字段中代表什么可以參考維基百科下的說(shuō)明。讓我們先簡(jiǎn)單回顧一下之前談到的內(nèi)容，AJAX是一種無(wú)頁(yè)面刷新的獲取服務(wù)器資源的混合技術(shù)。而基于瀏覽器的同源策略，不同域之間不可以發(fā)送AJAX請(qǐng)求。但是在某些情境下，...

liangzai_cool 2019-08-22 13:40 評(píng)論0 收藏0
AJAX原理與CORS跨域

摘要：同源策略指的是當(dāng)前頁(yè)面和目標(biāo)協(xié)議域名和端口均相同。發(fā)出請(qǐng)求的頁(yè)面所在域。響應(yīng)的頭部信息在后端處理，不在此處講解。該事件會(huì)在數(shù)據(jù)接收期間不斷觸發(fā)，但間隔不確定。服務(wù)器確認(rèn)允許之后，才發(fā)起實(shí)際的請(qǐng)求。 ajax作為前端開發(fā)必需的基礎(chǔ)能力之一，你可能會(huì)使用它，但并不一定懂得其原理，以及更深入的服務(wù)器通信相關(guān)的知識(shí)。在最近兩天的整理過(guò)程中，看了大量的文章，發(fā)現(xiàn)自己的后端能力已經(jīng)限制自己在網(wǎng)絡(luò)通...

jeyhan 2019-08-21 17:01 評(píng)論0 收藏0
同源策略與CORS跨域

摘要：所以瀏覽器認(rèn)為這是安全的。如果你細(xì)心的話你會(huì)發(fā)現(xiàn)，其實(shí)請(qǐng)求已經(jīng)發(fā)送出去了，你只是拿不到響應(yīng)而已。所以瀏覽器這個(gè)策略的本質(zhì)是，一個(gè)域名的，在未經(jīng)允許的情況下，不得讀取另一個(gè)域名的內(nèi)容。但瀏覽器并不阻止你向另一個(gè)域名發(fā)送請(qǐng)求。同源策略與CORS跨域 PS:這篇文章是緊接著JSONP原理和Ajax學(xué)習(xí)與理解寫的,有些內(nèi)容是承接了上兩篇文章.這篇文章只算是我的個(gè)人學(xué)習(xí)筆記,內(nèi)容沒有經(jīng)過(guò)精心排...

ninefive 2019-08-23 10:34 評(píng)論0 收藏0
26天學(xué)通前端開發(fā)（配資料）

摘要：網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知識(shí)點(diǎn)羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個(gè)前端框架。也可以關(guān)注微信公眾號(hào)曉舟報(bào)告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。前言好的學(xué)習(xí)方法可以事半功倍，好的學(xué)習(xí)路徑可以指明前進(jìn)方向。這篇文章不僅要寫學(xué)習(xí)路徑，還要寫學(xué)習(xí)方法，還要發(fā)資料，干貨滿滿，準(zhǔn)備接招。網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知...

blair 2019-08-21 16:59 評(píng)論0 收藏0