按钮单击计数器保存编号

时间:2014-11-12 16:19:02

标签: javascript php

我有这个小提琴,当用户点击按钮时,计数器可以正常工作:http://jsfiddle.net/z66WF/

这是代码:

<button type="button" onClick="clickME()">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>

 var clicks = 0;
 function clickME() {
    clicks += 1;
    document.getElementById("clicks").innerHTML = clicks;
 }

问题是我想要保存号码,例如:

  1. 用户#1点击按钮10次
  2. 用户#2打开网站,计数为10,他点击,现在计数器开始11
  3. 等新用户。
  4. 我正在尝试这样做以跟踪文件的下载次数。

    知道我该怎么做?

2 个答案:

答案 0 :(得分:3)

这里有一个简单的例子,它在一个简单的txt文件中写入计数器(不需要sql db)

<?php

    $counterFile = 'counter.txt' ;

    // jQuery ajax request is sent here
    if ( isset($_GET['increase']) )
    {
        if ( ( $counter = @file_get_contents($counterFile) ) === false ) die('Error : file counter does not exist') ;
        file_put_contents($counterFile,++$counter) ;
        echo $counter ;
        return false ;
    }

    if ( ! $counter = @file_get_contents($counterFile) )
    {
        if ( ! $myfile = fopen($counterFile,'w') )
            die('Unable to create counter file !!') ;
        chmod($counterFile,0644);
        file_put_contents($counterFile,0) ;
    }

?>
<html>
    <head>
        <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script type="text/javascript">
            jQuery(document).on('click','a#download',function(){
                jQuery('div#counter').html('Loading...') ;
                var ajax = jQuery.ajax({
                    method : 'get',
                    url : '/test.php', // Link to this page
                    data : { 'increase' : '1' }
                }) ;
                ajax.done(function(data){
                    jQuery('div#counter').html(data) ;
                }) ;
                ajax.fail(function(data){
                    alert('ajax fail : url of ajax request is not reachable') ;
                }) ;
            }) ;
        </script>
    </head>
    <div id="counter"><?php echo $counter ; ?></div>
    <a href="" id="download" onclick="window.open(this.href);return false;">Download btn</a>

答案 1 :(得分:1)

您需要数据库连接才能执行此操作。

当任何用户点击该按钮时,来自let的说:“downloaded_times”将增加1。

所以你需要一个像这样的查询:

UPDATE table SET downloaded_times = downloaded_times + 1

每次有人按下按钮时都会调用此查询。

如果要显示它,在某个用户想要开始下载之前,您只需从DB获取结果并回显它。你可以做更多,如果你想要不断刷新该字段,提取和回显部分应该在一个名为PHP函数的ajax中,它将每隔30秒刷新一次div(例如):D

希望这有帮助! :d