Удаление строки таблицы mySQL с помощью jQuery Ajax

Я пытаюсь сделать это, когда я нажимаю значок диапазона, он отправит article_id на мою страницу php sql, которая удалит мою статью, я использую jQuery Ajax для отправки идентификатора, идентификатор отправляется в прямом порядке на стороне jQuery, но после запрос http post сделан, моя строка таблицы все еще существует, может ли кто-нибудь увидеть, если что-то не так с моим кодом, спасибо заранее!

<?php $sql_categories = "SELECT art_id, art_title, art_company, art_cat_id, art_sta_id, art_date, art_rating, art_price, cat_id, cat_name, sta_id, sta_name FROM app_articles LEFT JOIN app_categories ON app_articles.art_cat_id = app_categories.cat_id LEFT JOIN app_status ON app_articles.art_sta_id = app_status.sta_id ORDER BY art_order ASC"; if($result = query($sql_categories)){ $list = array(); while($data = mysqli_fetch_assoc($result)){ array_push($list, $data); } foreach($list as $i => $row){ ?> <div class="row" id="page_<?php echo $row['art_id']; ?>"> <div class="column one"> <span class="icon-small move"></span> <a href="edit-article.php?art_id=<?php echo $row['art_id']; ?>"><span class="icon-small edit"></span></a> <span id="<?php echo $row['art_id']; ?>" class="icon-small trash"></span> </div> <div class="column two"><p><?php echo $row['art_title']; ?></p></div> <div class="column two"><p><?php echo $row['art_company']; ?></p></div> <div class="column two"><p><?php echo $row['cat_name']; ?></p></div> <div class="column one"><p><?php echo $row['art_date']; ?></p></div> <div class="column one"><p><?php echo $row['art_rating']; ?></p></div> <div class="column one"><p><?php echo $row['art_price']; ?></p></div> <div class="column one"><p><?php echo $row['sta_name']; ?></p></div> <div class="column one"><a href=""><span class="icon-small star"></span></a></div> </div> <?php } } else { echo "FAIL"; } ?> jQuery $(document).ready(function(){ $(".trash").click(function(){ var del_id = $(this).attr('id'); $.ajax({ type:'POST', url:'ajax-delete.php', data: 'delete_id='+del_id, success:function(data) { if(data) { } else { } } }); }); }); PHP mySQL Statement if(isset($_POST['delete_id'])) { $sql_articles = "DELETE FROM app_articles WHERE art_id = ".$_POST['delete_id']; if(query($sql_articles)) { echo "YES"; } else { echo "NO"; } } else { echo "FAIL"; } ?> 

Solutions Collecting From Web of "Удаление строки таблицы mySQL с помощью jQuery Ajax"

причина, по которой ваша строка все еще существует, потому что вызов AJAX не обновляет страницу. Если вы хотите, чтобы ваша строка была удалена, вы должны сделать что-то вроде:

УБЕДИТЕСЬ, что ваше событие кликов по диапазону находится внутри строки

  $(".trash").click(function(){ var del_id = $(this).attr('id'); var rowElement = $(this).parent().parent(); //grab the row $.ajax({ type:'POST', url:'ajax-delete.php', data: {delete_id : del_id}, success:function(data) { if(data == "YES") { rowElement.fadeOut(500).remove(); } else { } } }); 

Заменить:

  data: 'delete_id='+del_id, 

с:

  data: delete_id : del_id,