先後交互原理

先後交互：

　　所謂交互，就 是 指人與互聯網間的互動 ，用戶在前端頁面作出行爲，前端經過捕獲行爲並根據一系列行爲向後臺發出 請求：

　　　　1：後臺接收了請求，並返回給前臺相應數據

　　　　2：後臺未接收到請求，此時前臺會出現未響應狀態

其實這個問題很好理解，舉個栗子：

（請注意加粗字體）

　　小明去一家飯店吃飯 ，他先坐在飯店大廳的椅子上，而後不一會有個服務員拿着菜單 問他要點什麼餐，小明點了醋溜白菜 ，豆腐燉魚，而後小明就繼續坐在椅子上 等呀等，服務員拿到了小明點的菜單，而後轉身去了後廚，這個菜單給了大師傅，而後 轉身走了（或者就在原地等待，總之作好以前沒有出如今小明面前），大師傅去倉庫裏拿了材料，返回廚房準備作菜。一下子 ，菜就作好了，而後這個服務員就端着作好的飯菜給小明食用。小明吃飽了之後，一扭身就走出了這個飯店（吃飯不用給錢的嗎喂！）

這個小故事看似簡單，不過若是咱們嘗試將先後交互與這個小故事聯繫在一塊兒就會以爲有趣：

小明其實指的就是用戶；

服務員指的是負責前臺發送數據接收後臺數據的ajax/axios等等異步對象；

大師傅指的是後端用來處理前臺請求的程序；

吃飯這個行爲指瀏覽網頁的全過程；

飯店指的是瀏覽器；

大廳指的是網站前臺；

菜單指用戶能夠發出的各類請求；

後廚指的就是後臺；

倉庫就是指數據庫；

作好的飯菜指的是後端響應後返回給前臺的數據。

咱們能夠得出這樣的結論：先後交互大體能夠分爲這幾步：

　　a:用戶進入頁面，並點擊了前臺某個連接

　　b:前臺的ajax對象捕獲到了用戶的這個行爲，並向後端發送相應的請求，

　　c: 後端響應了ajax請求，並返回給了ajax響應的數據

　　d: ajax將響應的數據返回給了前臺

　　d:用戶獲得了這個連接

這就是 先後交互的原理。

以上。