javascript - 为什么我的 javascript 没有传递值并且没有给出错误消息

Question

我正在使用以下三位代码。当我使用 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);

Answer 1

您输入的 id = orinalName，但您正在寻找 originalName

请阅读 about SQL-injections