摘要:同源策略同源策略限制從一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。同源策略是很重要的安全機制,但是有些時候需要突破這種機制,這就需要跨域。
導語
AJAX 的跨域問題,常用的解決方法有兩種,簡單記錄下,詳細內(nèi)容查看參考資料。以下示例自建兩個域名測試,www.test.com、www.example.com。
同源策略同源策略限制從一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。這是一個用于隔離潛在惡意文件的關鍵的安全機制。
兩個頁面,如果域名、協(xié)議、端口都相同,即是同源,其間的交互不存在問題。同源策略是很重要的安全機制,但是有些時候需要突破這種機制,這就需要跨域。
JSONPJSONP 是很常用的方法,它是利用 標簽沒有跨域限制的原理實現(xiàn)。以下是在 www.test.com 中使用 JQuery 示例
$.ajax( { url:"http://www.example.com", data:{name:"tom"}, type:"get", dataType:"jsonp", jsonp: "callback", success:function(data) { console.log(data) } })
以下是 www.example.com 的 PHP 處理
CORSCORS (Cross-origin resource sharing),跨域資源共享標準允許 Web 應用服務器進行跨域訪問控制。相對于 JSONP 只支持 GET ,CORS 支持更多的 HTTP 請求,同時更簡單、安全。不過 CORS 可能會存在兼容問題。
以下是在 www.test.com 中發(fā)送 AJAX 請求$.ajax( { url:"http://www.example.com", data:{name:"tom"}, type:"post", dataType:"json", success:function(data) { console.log(data) } });www.example.com 的 PHP 處理
參考資料:同源策略、CORS、瀏覽器同源政策及其規(guī)避方法、跨域資源共享 CORS 詳解。
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100923.html
摘要:關于,強烈推薦閱讀跨域資源共享詳解阮一峰另外,這里也整理了一個實現(xiàn)原理圖簡化版如何判斷是否是簡單請求瀏覽器將請求分成兩類簡單請求和非簡單請求。 前言 從剛接觸前端開發(fā)起,跨域這個詞就一直以很高的頻率在身邊重復出現(xiàn),一直到現(xiàn)在,已經(jīng)調(diào)試過N個跨域相關的問題了,16年時也整理過一篇相關文章,但是感覺還是差了點什么,于是現(xiàn)在重新梳理了一下。 個人見識有限,如有差錯,請多多見諒,歡迎提出iss...
摘要:在接觸前端開發(fā)起,跨域這個詞就一直以很高的頻率在我們學習工作中重復出現(xiàn),最近在工作中遇到了跨域的相關問題,這里我把它總結記錄一下。 在接觸前端開發(fā)起,跨域這個詞就一直以很高的頻率在我們學習工作中重復出現(xiàn),最近在工作中遇到了跨域的相關問題,這里我把它總結記錄一下。關于跨域,有N種類型,現(xiàn)在我只專注于ajax請求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹),內(nèi)容...
摘要:跨域完全講解今天在慕課網(wǎng)上學習了跨域完全講解我在收集面試題的時候其實就已經(jīng)有過跨域的問題的了,當時候知道了為什么會存在跨域,以及跨域解決的方案有哪些,今天隨著課程的學習,又加深了跨域的理解,以此記錄下來。 AJAX跨域完全講解 今天在慕課網(wǎng)上學習了AJAX跨域完全講解:https://www.imooc.com/learn/947 我在收集AJAX面試題的時候其實就已經(jīng)有過AJAX跨域...
摘要:跨域完全講解今天在慕課網(wǎng)上學習了跨域完全講解我在收集面試題的時候其實就已經(jīng)有過跨域的問題的了,當時候知道了為什么會存在跨域,以及跨域解決的方案有哪些,今天隨著課程的學習,又加深了跨域的理解,以此記錄下來。 AJAX跨域完全講解 今天在慕課網(wǎng)上學習了AJAX跨域完全講解:https://www.imooc.com/learn/947 我在收集AJAX面試題的時候其實就已經(jīng)有過AJAX跨域...
閱讀 3714·2021-11-23 09:51
閱讀 1372·2021-11-10 14:35
閱讀 4012·2021-09-22 15:01
閱讀 1285·2021-08-19 11:12
閱讀 384·2019-08-30 15:53
閱讀 1695·2019-08-29 13:04
閱讀 3434·2019-08-29 12:52
閱讀 3060·2019-08-23 16:14