将JavaScript值传递给PHP

Question

我需要传递JavaScript值并通过PHP将它们插入到数据库中。我尝试过这个网址，但它不起作用。

需要插入两个变量。

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

此文件的名称是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> 

我不知道为什么脚本不重定向到另一个网址与脚本值。

调试时，我得到两个值。

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表单。
由于输入值在提交时自动发送。
看起来像这样（未测试）：

<!-- 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>