javascript - 如何用php点击按钮来增加数值?

标签 javascript php jquery html ajax


我正在寻找一个 PHP 函数(或“任何有效的”函数),该函数将使值 0每次上我的DIV单击,同时将该新值保存在 PHP file 上.

帮我解决这些问题:
1. 点击“#myDiv”使数值加1
2.当单击“#myDiv”时,将新值保存在 PHP 文件上(以便我可以在其他地方执行它)
3. 当单击“#myDiv”时,使保存的值显示在另一个`DIV“#otherDiv”上。

我这样做是因为我一直在寻找一个可以保存该值的计数器,但它不能仅与 javascript 或 jquery 一起使用,所以我希望它可以在 PHP 中实现。< br/>
我愿意尝试任何其他效果更好的方法(可能使用 AJAX?)
任何帮助表示赞赏。如果您不明白我在寻找什么,请向我提问,谢谢!

最佳答案

基本思想保持非常简单:page1.php,单击按钮。数据库已更新。号码可以在 page2.php 上查看

演示:http://themooliecommunity.com/TEST/page1.php

只有下面列出的页面位于此文件夹中。

dbconnect.php

<?php
    $mysqli = new mysqli(HOST, USER, PASSWORD, DATABASE);
    if (mysqli_connect_error()) {
        die('Connect Error (' . mysqli_connect_errno() . ') '
                . mysqli_connect_error());
    }
?>

page1.php

<?php
    include 'dbconnect.php';
?>
<form method="post" action="increment.php">
   <input type="submit" Value="increment" name="increment" />
</form>

增量.php

<?php
    include 'dbconnect.php';

    $query = "UPDATE `table` SET value = value+1";
    mysqli_query($mysqli, $query);
    mysqli_close($mysqli);
    header("Location: ./page2.php");
?>

getdata.php

<?php
    include 'dbconnect.php';

    $query = "SELECT value FROM `table`";
    $data = mysqli_query($mysqli, $query);
    $row = mysqli_fetch_assoc($data);
    $number = $row['value'];
    mysqli_close($mysqli);
?>

page2.php

<?php
    include 'getdata.php';
    echo $number;
?>

SQL:

CREATE TABLE IF NOT EXISTS `table` (
  `id` int(11) NOT NULL,
  `value` int(11) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

--
-- Dumping data for table `table`
--

INSERT INTO `table` (`id`, `value`) VALUES
(0, 0);

--
-- Indexes for dumped tables
--

--
-- Indexes for table `table`
--
ALTER TABLE `table`
  ADD PRIMARY KEY (`id`);

关于javascript - 如何用php点击按钮来增加数值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36171607/

相关文章:

Javascript 变量值作为 html 类名中的数字

javascript - 如何使用 XMLHttpRequest 在后台下载 HTML 页面并从中提取文本元素?

php - 在 Woocommerce 购物车/结帐中将变体属性值显示为单独的行

javascript - .getJSON() 和 .ajax() 均不适用于 REST API 调用

jQuery 在提交前检查输入不为空

javascript 意外标记。 `{}.toString()`

javascript - Ajax : function is not working

php - 使用 php 和/或 CSS 的字体大小

javascript - 模型绑定(bind)器未拾取表单编码的 Javascript int []

javascript - AND 运算符和 OR javascript 的混合使用