什么是同源策略

同源策略會(huì)限制從同一個(gè)源加載的文檔或腳本如何與來自另一個(gè)源的資源進(jìn)行交互。是一個(gè)隔離潛在惡意文檔的關(guān)鍵安全機(jī)制。

同源策略的限制

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

前后端如何通信

• Ajax
• WebSocket
• CORS

前端跨域通信的幾種方式

如何創(chuàng)建ajax

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

xmlHttp.send();

4、接受服務(wù)器的返回

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

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

跨域通信的幾種方式？

• JSONP
• Hash
• postMessage
• WebSocket
• CORS

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。