跨域ajax請求，服務(wù)器會收到請求嗎？

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

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

同源策略（Same origin policy）

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

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

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

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

控制臺信息顯示跨域不被允許：

 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記錄，找到了這條請求的記錄：

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88713.html

相關(guān)文章

再也不學(xué)AJAX了?。ㄈ?em>跨域獲取資源 ② - JSONP & CORS

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

enda 2019-08-21 17:55 評論0 收藏0
再也不學(xué)AJAX了?。ㄈ?em>跨域獲取資源 ③ - WebSocket & postMessag

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

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

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

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

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

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

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

blair 2019-08-21 16:59 評論0 收藏0