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