什么是同源策略

同源策略會限制從同一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。是一個隔離潛在惡意文檔的關鍵安全機制。

同源策略的限制

• Cookie、LocalStorage和IndexDB無法讀取。
• DOM無法獲得。
• Ajax請求不能發(fā)送。 //ajax只適合同源，不能適合跨域

前后端如何通信

• Ajax
• WebSocket
• CORS

前端跨域通信的幾種方式

如何創(chuàng)建ajax

Ajax創(chuàng)建步驟：
1、 創(chuàng)建XMLHttpRequest
2、 連接服務器
xmlHttp.open('GET',url,true); //xmlhttp.open(method,url,async)
method 包含 get 和 post兩種方法 ：
url主要是文件或資源的路徑，async參數(shù)為true(代表異步)或者false（代表同步）。
3、向服務器端發(fā)送請求

xmlHttp.send();

4、接受服務器的返回

ajax如何實現(xiàn)同步:（xmlhttprequest第三個參數(shù)async設置為false即可，默認為true為異步）
AJAX的缺陷

現(xiàn)在面試好像沒用問過，但是基礎的一定要了解。

跨域通信的幾種方式？

• JSONP
• Hash
• postMessage
• WebSocket
• CORS

總結

以上是生活随笔為你收集整理的通信类的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。