當我點擊Facebook上的喜歡按鈕時會發生什麼？

我的思考過程就是當我點擊類似按鈕時，會有一個從客戶端到服務器的請求，爲用戶創建一個「喜歡」的消息。當我打開Chrome控制檯時，沒有請求正在進行。發生了什麼事情可以讓類似的計數增加，並作爲用戶進行註冊。我假設也有一些前端框架可能會處理這個客戶端請求。當我點擊Facebook上的喜歡按鈕時會發生什麼？

來源

2016-07-30 chonglawr

他們使用Ajax/websockets，我認爲 –

*「當我打開chrome控制檯時，沒有任何請求正在進行。」* - 真的嗎？當我打開Chrome控制檯並檢查「網絡」選項卡時，我發現正在創建請求*。似乎是一個Ajax POST請求。 – nnnnnn

當然有一個請求正在進行，你是正確的 - 它確實是一個HTTP POST。您遇到的問題是您正在尋找錯誤的地方。控制檯只顯示瀏覽器執行某些代碼時記錄的內容。它還喜歡在東西變壞時顯示事物。您有興趣查看的標籤是「網絡」選項卡。在這裏您可以查看瀏覽器記錄的所有傳出和傳入請求。 Facebook有很多移動部件，因此您可以點擊網絡區域中的子標籤XHR。這將顯示所有的Http請求並預覽實際的有效負載。我只是點擊了像，看到當我這樣做，會產生由「BZ」的名稱的請求，幷包裝了一個JSON對象，看起來像這樣：

{__ar: 1, payload: null, bootloadable: {}, ixData: {}, lid: "6313242218513768168"}

給它一個嘗試，看看自己！

來源

2016-07-30 22:09:29

當我點擊Facebook上的喜歡按鈕時會發生什麼？

回答

相關問題