JavaScript的閱讀習慣.post的PHP提交輸入（在PHP）

Question

JavaScript部分... 它停在$（ 「＃deletar」）。點擊...

$(document).ready(function() { 
    $("#deletar").click(function() { // it fails here !! 
     var sendu = $("#ids").val(); 
     $.ajax({ 
      type : "POST", 
      url : "deletar.php", 
      data : "ids=" + sendu, 
      success : function(msg, string, jqXHR) { 
       $("#result").html(msg); 
      } 
     }); 
    }); 
}); 

這是PHP文件。 ..是回聲其他Ajax後，並檢索一個MySQL分貝

.$row2['amigos']." 
</td> 
<td><inp ``ut type='submit' name='deletar' id='deletar' value='deletar' 
     OnClick='return confirm(\"Tem certeza que quer deletar esta linha?\");'> 
    <input type='hidden' name='ids' id='ids' value='".$row2['id']."'> 

</td> 
</tr> 
"; 
enter code here 

Answer 1

你的AJAX名單正在從一個提交按鈕click調用。您沒有做任何事情來阻止提交按鈕的默認行爲，因此在您的ajax調用之後，瀏覽器將使用傳統請求提交表單。

在你click事件，您可以return false防止形式提交：

$("#deletar").click(function(){ //it fails here !! 
    var sendu = $("#ids").val(); 
    $.ajax({ 
     type:"POST", 
     url:"deletar.php", 
     data: "ids="+sendu, 
     success: function(msg,string,jqXHR){ 
       $("#result").html(msg); 
      } 
     }); 

    return false; // <--- stop the form submitting 
}); 

您還可以使用e.preventDefault來達到同樣的效果。

Answer 2

我認爲你需要停止提交表單提交按鈕被點擊後：

$(document).ready(function() { 
    $("#deletar").click(function (event) {//it fails here !! 
     event.preventDefault(); // one of these 
     event.stopPropagation(); // lines should do the trick 
     var sendu = $("#ids").val(); 
     $.ajax({ 
      type : "POST", 
      url : "deletar.php", 
      data : "ids=" + sendu, 
      success : function (msg, string, jqXHR) { 
       $("#result").html(msg); 
      } 
     }); 
    }); 
});