如何去解決JS跨域問題 怎么能學好Web前端開發

如何去解決JS跨域問題？怎么能學好Web前端開發？JavaScript跨域是指通過JS在不同的域之間進行數據傳輸或通信，比如用ajax向一個不同的域請求數據，或者通過JS獲取頁面中不同域的框架中(iframe)的數據。只要協議、域名、端口有任何一個不同，都被當作是不同的域。那么如何解決跨域問題呢?下面來看看吧。

在此之前，我們首先要了解為什么需要跨域。跨域，指的是瀏覽器不能執行其他網站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對JavaScript施加的安全限制。簡單來說，跨域的作用就是讓你能訪問不是一個域的文件。

要解決跨域問題，我們可以使用以下幾種方法：

一、通過jsonp跨域(實際上是動態創建script標簽)

jsonp(json with Padding)是資料格式json的一種“使用模式”，可以讓網頁從別的網域要資料。jsonp也叫填充式json，是應用json的一種新方法，只不過是被包含在函數調用中的json。jsonp由兩部分組成：回調函數和數據。回調函數是當響應到來時應該在頁面中調用的函數，而數據就是傳入回調函數中的json數據。

二、通過document.domain+ iframe (只有在主域相同的時候才能使用該方法)

兩個不同域的a.html和b.html

解決辦法：在兩個頁面都插入document.domain，這樣就能訪問iframe里window對象的各種屬性。

三、使用window.name來進行跨域

原理：在一個窗口(window)的生命周期內,窗口載入的所有的頁面都是共享一個window.name的，每個頁面對window.name都有讀寫的權限

四、使用HTML5的window.postMessage方法來跨域傳送數據

五、利用CORS

CORS是自定義HTTP頭部，使瀏覽器和服務器對比，從而決定請求和響應是否應該進行。

IE8使用XDR對象實現CORS，和XHR類似用法

現代瀏覽器使用普通的XMLHttpRequest對象請求就行。

當然，實現JavaScript跨域的方法還有圖片Ping、利用flash等。跨域是前端最重要的面試題之一，掌握它你就比別人多了一個優勢，如果你想學好Web前端開發，建議參加專業的學習方式。

這里推薦一下我的前端學習交流扣qun：784783012 ，里面都是學習前端的，從最基礎的HTML+CSS+JS【炫酷特效，游戲，插件封裝，設計模式】到移動端HTML5的項目實戰的學習資料都有整理，送給每一位前端小伙伴。2019最新技術，從企業招聘人才需求 到怎么學習前端開發，和學習什么內容都有免費系統分享。好友都在里面學習交流，每天都會有大牛定時講解前端技術!

點擊： 加入