1
我正在使用以下三位代碼。當我運行表單使用動作=「editName.php」它工作正常,但是當我嘗試有趣的JavaScript它不工作。任何人都可以看到爲什麼它不工作?爲什麼我的javascript沒有傳遞值並且沒有提供任何錯誤消息
下面是我的形式
<form id="dataForm" method="GET">
<h2 id="formheader"> Update Name</h2>
<div>
<label>Product Name:</label>
<input class="inputForm" id="orginalName" type="text" name="Name">
</div>
<div>
<label>New Name:</label>
<input class="inputForm" id="newName" type="text" name="newName">
</div>
<div id="theSubmit">
<button id="editButton">Submit</button>
</div>
</form>
下面是我的SQL
if ($Name !="" && $newName !=""){
$sql = "UPDATE PRODUCTS SET P_NAME = '$newName' WHERE P_Name = '$Name'";
$conn->exec($sql);
下面
是我的javascript
function updateProduct(){
var xmlhttp = new XMLHttpRequest();
var productName = document.getElementById("originalName").value;
var newName = document.getElementById("newName").value;
if(productName != "" && newName != ""){
var url = "editName.php?Name=" + productName + "&newName=" + newName;
xmlhttp.open("GET", url, false);
xmlhttp.send();
}
}
submitButton = document.getElementById("editButton");
submitButton.addEventListener("click", updateProduct);
您是否獲得在JS任何錯誤? – Kushal
沒有錯誤顯示在我的控制檯中@Kushal – John
您應該將'return false'添加到'updateProduct'以防止默認表單提交。 – Barmar