将 JavaScript 值传递给 PHP

Question

我需要传递JavaScript值并通过PHP将它们插入数据库中。我已经尝试过 URL，但它不起作用。

需要插入两个变量。

数据库中的所有值都打印在表中，然后我进行选择。

此文件的名称为 items.php。

<td><input type="text" class="form-control" id="quantity" placeholder="" ></td>
<td><center><button type="submit"  onclick="myFunction()" value="<?php echo 'R-' . $id_print ;?>" id="item"> <i class="icon-cart"></i></button></center></td>   

我使用此脚本来获取值：

<script type="text/javascript">
    function myFunction() {
        var x = document.getElementById("quantity").value;
        var y = document.getElementById("item").value;
        window.location.href = "items?w1=" + x + "&w2=" + y;
    }
</script> 

我不知道为什么脚本不重定向到另一个带有脚本值的 URL。

调试时我得到这两个值。

Answer 1

如果一个<button>元素有type="submit"，单击它会提交表单，因此会阻止执行分配给此元素的 JavaScript 单击事件处理程序。您应该将其type更改为 button ，这样它就不会提交表单。

更正的代码：

<td><input type="text" class="form-control" id="quantity" placeholder="" ></td>
<td><center><button type="button"  onclick="myFunction()" value="<?php echo 'R-' . $id_print ;?>" id="item"> <i class="icon-cart"></i></button></center></td>

Answer 2

你应该使用 html-forms。
因为输入值在提交时会自动发送。
如下所示（未测试）：

<!-- your html -->
<form action="items" method="post">
   <!-- your table -->
   <td><input type="text" class="form-control" id="quantity" name="w1" /></td>
   <td><input type="text" class="form-control" id="item" name="w2" value="<?php echo 'R-' . $id_print ;?>" onclick="this.form.submit()" /></td>
</form>