使用jquery、mysql和ajax计算点击量的简单方法 - Simple way to count clicks with jquery, mysql and ajax

Simple way to count clicks with jquery, mysql and ajax

我的问题是节省时间：

最简单的方法是计算按钮的点击次数，将该值保存到Wordpress MySQL数据库中，并使用Ajax将更新后的总数检索到div中，这样页面就不需要重新加载才能看到它了？

我只是在学习如何通过添加mysqldb支持和以jQuery为驱动力的Ajax更新来获得更多的用户体验荣耀。

至少可以说，我对数据库工作的了解是……绿色的。

我还有一个问题要问，但我想我会把这个问题作为一个更一般的问题来回答。我在网上看到了很多教程，但没有很多优雅、简洁的代码，就像我在SO上已经学到的那样。

OP就在这里：用jQuery计算点击量，用Ajax 显示

您可以绑定到按钮的点击事件，然后告诉服务器端逻辑增加数据库中的计数，如下所示：

$("#YourButton").click(function() {
    $.ajax({
        url: '/PathToServerSide',
        type: 'POST',
        data: {increment: true},
        success: function(data) { 
            alert('Server click count updated!') 
        }
    });
}

注意：永远不要相信客户端会告诉服务器端计数值是多少，而是发送一个命令（increment）告诉服务器端逻辑增加数据库中的值。

要显示点击量，请使用AJAX success回调返回的data和jQuery .html()函数，如下所示：

$('#YourCounter').html('The button has been clicked ' + data + ' times`);