Question

我使用我的數據庫中的值填充表。我已將刪除圖標包含在可刪除的行中。圖像有onclick='deleteCat(id);'財產，該ID是一個JSON陣列採取槽的循環，像這樣：

string = "<td align='center'><a href=''><img border='0' src='../images/Bullet-Delete.png' alt='delete' onclick='deleteCat("+json[i]['id']+");'/></a></td>";

這是我deleteCat功能：

function deleteCat(id){ 
    var dataString = "catId=" + id; 
    $.ajax({ 
     type: "POST", 
     url: "../ajax/categorie_verwijderen.php", 
     data: dataString, 
     success: function(data) { 
       //$("#allecat").find("tr:gt(0)").remove(); 
       //update_table();     
     } 
    }); 
    //alert(id); 
} 

當我把一個我的函數工作在ajax之後警覺。表刷新和行從我的數據庫中刪除。但是，當我刪除警報我的功能不起作用，表刷新，行仍然存在於表和數據庫。

在此先感謝。

Answer 1

您需要防止的點擊默認事件 - 即在頁面每次被重新加載您單擊圖像

function deleteCat(id){ 
    var dataString = "catId=" + id; 
    $.ajax({ 
     type: "POST", 
     url: "../ajax/categorie_verwijderen.php", 
     data: dataString, 
     success: function(data) { 
       $("#allecat").find("tr:gt(0)").remove(); 
       update_table();     
     } 
    }); 
    return false; // prevent the browser following the href 
} 

你還需要改變你的HTML上：

onclick='return deleteCat("+json[i]['id']+"); 

Answer 2

alert（）有助於延遲處理該函數中剩餘的JavaScript。 ajax異步發送數據。異步密鑰爲默認值：true，並且應該在您的調用中將其更改爲false，直到客戶端等待Ajax調用結束。 例如：

$.ajax({ 
    async:false, 
    url: "test.html", 
    . 
    . 

});