2017-10-20 49 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