내 함수는 내 아약스 호출 후 경고와 함께 작동합니다.

Question

데이터베이스의 값으로 테이블을 채우는 중입니다. 삭제할 수있는 행에 삭제 아이콘을 포함 시켰습니다. 내가 넣으면

이

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); 
} 

내 함수의 작동이 내 deleteCat 기능

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

입니다 : 이미지가 onclick='deleteCat(id);' 속성이의 ID가 JSON 배열에서 가져 루프과 같이 여물 아약스 후 경고. 테이블이 새로 고쳐지고 행이 내 DB에서 제거됩니다. 그러나 경고를 제거 할 때 내 함수가 작동하지 않습니다, 테이블을 새로 고치고 행은 여전히 ​​테이블 및 DB에 있습니다.

미리 감사드립니다.

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()는 해당 함수의 나머지 자바 스크립트 처리를 지연시키기 때문에 도움이됩니다. Ajax는 데이터를 비동기 적으로 보냅니다. 비동기 키는 Default : true이며, 클라이언트가 Ajax 호출이 끝날 때까지 대기 할 때까지 호출시 false으로 변경해야합니다. 예 :

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

});