2017-10-20 101 views
0

標題說明了一切。 當您在Facebook上點擊時,它會顯示喜歡並增加類似計數器而不刷新整個頁面。 它是如何工作的?Facebook更新如何不喜歡刷新?

+3

[Facebook Like按鈕如何工作?](https://stackoverflow.com/questions/8256083/how-does-the-facebook-like-button-work) –

+0

@HarshGundecha答案解釋了Facebook的按鈕部件喜歡按鈕在外部網站上工作。我想知道如何動態增加類似的計數器,而不刷新整個頁面。 – Affan

回答

0

它主要使用JavaScript或JavaScript的某個框架。見example。示例獲取當前計數,並且如果您單擊類似按鈕,則會遞增1。

$(".like").click(function() { 
    var counter = $(".likecounter").text(); 
    counter = parseInt(counter); 
    counter = counter+1; 
    $(".likecounter").html(counter); 
}); 
1

Facebook的使用JavaScript框架/庫/無論你怎麼稱呼它叫React,其實Facebook的是創作者/維護者反應。

當你點擊like按鈕時,會發生什麼情況,Facebook應用程序狀態中的javascript變量通過向其添加1來更新。元素然後用這個新值更新。這是相當直接的東西,實際上在React Redux github頁面上的There's even a demo for something similar