我使用以下三位代码。当我使用action =" editName.php"运行表单时它工作正常,但是当我尝试使用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);
答案 0 :(得分:1)
您的输入ID = orginalName,但您正在寻找或我 ginalName
答案 1 :(得分:0)
使用$ .post,因为这是一行代码,所以很容易 像
$.post('url',{var1:'value1',var2:'value2'},function(data){
alert(data);
});