【问题标题】:Simple way to count clicks with jquery, mysql and ajax [closed]使用 jquery、mysql 和 ajax 计算点击次数的简单方法 [关闭]
【发布时间】:2013-08-28 02:10:06
【问题描述】:

我的问题是为了节省时间:

计算按钮点击次数的最简单方法是什么,将该值保存到 Wordpress MySQL 数据库并使用 Ajax 将更新后的总数检索到 div 中,这样页面就不需要重新加载即可查看?

我只是在学习如何通过添加 mysql db 支持和以 jQuery 为驱动力的 Ajax 更新来探索更多的用户体验。

我在使用数据库方面的一般知识...至少可以说是绿色的。

我还有一个问题要问,但我想我会作为一个更笼统的问题来提出这个问题。我在网上看到了很多教程,但没有很多优雅的、最少的代码,就像我知道我已经在这里学到的那样。

操作在这里:Counting clicks with jQuery and displaying with Ajax

【问题讨论】:

  • 你试过什么?另外,为什么要在屏幕上实时显示计数?如果您不需要实时显示它,Google Analytics(分析)是一种替代方案。
  • 我想统计同一页面上某些元素(文章)的点击次数。这样其他用户也可以看到已阅读的内容。

标签: php jquery mysql ajax wordpress


【解决方案1】:

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

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

注意:永远不要相信客户端告诉服务器端计数值是多少,而是发送命令 (increment) 告诉服务器端逻辑增加数据库中的值。

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

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

【讨论】:

  • 发送命令和告诉计数恕我直言一样不安全
  • @DevZer0 - 在这种情况下,这不是安全问题,而是并发问题;其中浏览器 A 和浏览器 B 都发送相同的计数器值,并且数据库值未正确递增。对于诸如银行业务之类的事情,我会同意您的评论。
  • 这比我尝试的要简单得多!但是,这会更新到数据库吗?我看到了/PathToServerSide,但我不确定到目前为止它的作用......仍在学习!
  • @canacast 你必须写你的服务器脚本。
  • @canacast - 我没有包含任何 PHP 脚本,因为我对 PHP 一无所知,但我建议谷歌搜索或询问有关如何使用 jQuery .ajax() 函数调用 PHP 脚本和将值保存到 MySQL 数据库。如果您觉得我的回答有帮助,请随时接受和/或投票。 :-)
猜你喜欢
  • 1970-01-01
  • 2011-11-20
  • 2022-12-11
  • 2013-12-27
  • 2010-11-20
相关资源
最近更新 更多