1、ajax
ajax是一種用於創建快速動態網頁的技術。通過在后台與服務器進行少量數據交換，ajax可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。
XMLHttpRequest對象是ajax的基礎,XMLHttpRequest用於在后台與服務器交換數據。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。目前所有瀏覽器都支持XMLHttpRequest。
ajax實現前后端交互的步驟：
1）創建XMLHTTPRequest對象
2）使用open方法設置和服務器的交互信息
3）設置發送的數據，開始和服務器端交互
4）注冊事件
5）更新界面
2、webSocket
webSocket協議最大的特點就是解決了http協議只能單方面發送請求的問題，服務端可以主動向客戶端推送信息，客戶端也可以主動向服務端發送信息，是真正雙向平等的對話，屬於服務器推送技術的一種。
web瀏覽器和服務器都必須實現wabsockets協議來建立和維護連接。由於websockets連接長期存在，與典型的http連接不通，對服務器有重要的影響。
基於多線程或多進程的服務器無法適用於websocket，因此他旨在打開連接，盡可能快的處理請求，然后關閉連接。任何實際的webSockets服務器端實現都需要一個異步服務器。
實現步驟：
1）客戶端通過HTTP請求服務器網頁；
2）客戶端接收請求的網頁並在頁面上執行JavaScript，該頁面從服務器請求文件。
3）當任意端新數據可用時，服務器和客戶端可以相互發送消息（所以這個是雙向的客戶端和服務器連接，及可以互相推送消息）。
4）從服務器到客戶端以及從客戶端到服務器的實時流量，服務器端支持event loop，使用WebSockets，可以跨域連接服務器。
3、eventSource
不同於ajax輪詢的復雜和websocket的資源占用過大，eventsource（sse）是一個輕量級的，易使用的消息推送API。
交互步驟：
1）客戶端通過HTTP請求服務器網頁；
2）客戶端接收請求的網頁並在頁面上執行JavaScript，該頁面從服務器請求文件；
3）從服務器到客戶端的實時流量，服務器端支持event loop，推送消息（所以這個是單向的服務器推送）。注意只有正確的CORS設置才能與來自其他域的服務器建立連接。
————————————————
版權聲明：本文為CSDN博主「戲精程序媛」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/xiaoxijing/article/details/104576573