2015-04-14 21 views
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); 
+0

您是否獲得在JS任何錯誤? – Kushal

+0

沒有錯誤顯示在我的控制檯中@Kushal – John

+1

您應該將'return false'添加到'updateProduct'以防止默認表單提交。 – Barmar

回答

0

使用.post的$,因爲這是一個行代碼,以便它很容易 像

$.post('url',{var1:'value1',var2:'value2'},function(data){ 
alert(data); 
}); 
相關問題