php - 如何将计数器值从 javascript 发送到数据库

Question

这个问题已经存在:

how to post value of 3 input fields into database

已关闭 10 年前。

我有一个java脚本函数，我想将计数器的值发布到我的数据库...如何做...这是一个在单击时创建2个文本框和1个选择框的函数...但是我是什么时候应用另一个输入标签来获取和发布计数器值另一个输入文本框正在被重新响应...我不想要这个我只想在单击提交按钮时将总值(value)发布到计数器

<script>
 var counter=1;
    function generateRow() {
    var count="<font color='red'>"+counter+"</font>";
   var temp ="<p>&nbsp;&nbsp;&nbsp;&nbsp;<div class='_25'><input type='textbox' id='textbox' name='stop"+counter+"' placeholder='Stop Name'></input></div>&nbsp;&nbsp;&nbsp;<div class='_25'><input type='textbox' id='textbox' name='timing"+counter+"' placeholder='Timing'></input></div>&nbsp;<div class='_25'><select id='ampm"+counter+"' name='ampm"+counter+"'><option>a.m</option><option>p.m</option></select>  </div>";

var newdiv = document.createElement('div');
newdiv.innerHTML = temp + count;

var yourDiv = document.getElementById('div');
yourDiv.appendChild(newdiv);
counter++;
    }
    </script>

Answer 1

我能想到的绝对最基本的方法是:

在页面中的某处添加 iframe:

<iframe id="iframe"></iframe>

创建一个php文件counter.php

<?php

$counter = (int) $_GET['counter'];

$query = mysql_query('INSERT INTO table (counter) VALUES (' . $counter . ')');
// OR YOUR OWN QUERY TO DO THIS

?>

并将以下 JavaScript 代码添加到您的函数中:

document.getElementById('iframe').src = 'counter.php?counter=' + counter;

显然，您可以通过 ajax 来完成更复杂的操作并读取 json 响应等，但在最基本的层面上，这会适合您。基本上，技巧是，将 iframe 源设置为 counter.php 并在 get 参数中传递计数器。当 iframe 源更改时，它会自动加载，因此服务器将收到计数器参数并对其进行处理。

您可以将 display:none 添加到 iframe 以在视觉上隐藏它。