如何获得一个按钮被单击的次数的变量，将其在线存储然后在以后访问？

Question

我试图有一个可以单击的按钮，然后将显示它被单击的次数。 我希望将该变量（称为x）在线存储，以便如果一个人单击按钮5次，然后另一个人随后单击它，则每个屏幕另外3次将x显示为8。我尝试了本地存储，但是仅将变量存储在浏览器上。 我一直在做一些研究，似乎我必须将x存储在文件中，然后使用XMLHttpRequest访问它。 我是Java语言的新手，不确定如何执行此操作。 有人可以用实现此目的的代码作为响应，并说明存储该变量将要做什么吗？

Answer 1

对于Javascript方面，您可以使用jQuery使事情变得简单一些

 $(document).ready(function() { /* perform AJAX XMLHttpRequest */ $.get("/click_count.php", function(data) { /* write the response into the HTML document */ $("#click_count").text(data); }); }); function save_click() { /* perform AJAX XMLHttpRequest */ $.post("/save_click.php", function(data) { /* write the result to the HTML document */ $("#click_count").text(data); }); }

  <!-- include jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html> <body> <button onClick="save_click();">click me!</button> Button has been clicked: <span id="click_count">0</span> times! </body> </html>

最后，您需要有两个利用服务器端技术的文件（或一个做两件事的文件）。

服务器端代码的工作方式如下：

点击次数存储在名为click_count.data的文件中

每当有人访问文件click_count.php时 ，它只会读取click_count.data文件并发送其中的任何内容作为响应。

然后，还有一个名为save_click.php的文件，该文件接收click_count.data中的内容 ，然后将其增加一个，然后再发送回去。

Javascript AJAX请求使用这两个文件将数据保存在服务器上，而不是基于每个客户端。

对于服务器端，我选择使用PHP

档案： click_count.php

 <?php 

    /* print out the contents of the file 'click_count.data' */
    print_r(file_get_contents("click_count.data"));
  ?>

档案： save_click.php

 <?php  

   /* grab the current click count from click_count.data */
   $click_count = intval(file_get_contents("click_count.data"));

   /* increase it by 1 */
   $click_count++;

   /* write the new value into the file */
   file_put_contents("click_count.data", $click_count);

   /* print out new click count */
   print_r($click_count);

?>

上一个文件： click_count.data

如何获得一个按钮被单击的次数的变量，将其在线存储然后在以后访问？

问题描述

1 个解决方案

解决方案1
0 2016-11-20 16:18:17

如何获得一个按钮被单击的次数的变量，将其在线存储然后在以后访问？

问题描述

1 个解决方案

解决方案1 0 2016-11-20 16:18:17

解决方案1
0 2016-11-20 16:18:17