gpt4 book ai didi

javascript - 按钮点击计数器存数

转载 作者:行者123 更新时间:2023-11-30 10:10:39 24 4
gpt4 key购买 nike

我有一个 fiddle ,当用户点击一个按钮时,计数器工作: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. 等等新用户。

我正在尝试这样做以跟踪文件的下载次数。

知道我该怎么做吗?

最佳答案

这里有一个简单的工作示例,将计数器写入一个简单的 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>

关于javascript - 按钮点击计数器存数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26891603/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com