使用AJAX和PHP

Question

我想刪除動態創建的記錄，從一個動態創建的形式，刪除記錄，但代碼不working..Please看看

的script.js

$(function() { 

      $('#studentRecord').on('click', 'button.delete', function() { 

      var $tr = $(this).closest('tr'); 

      var $id = parseInt($(this).attr('id').split('-')[1]); 


      if (confirm("Are you sure you want to delete this record")) { 

       $.ajax({ 
        url: '/ab_batch/practice/db/action.php', 
        type: 'POST', 
        data: { 
         action: 'ajaxDelRecord', 
         id: JSON.stringify(id) 
        }, 

        success: function() {}, 


        error: function() {} 

       }); 

      } 


     }); 


    }); 

action.php的

$action = (isset($_REQUEST['action']) && !empty($_REQUEST['action'])) ? $_REQUEST['action'] : null; 
switch ($action) { 
case 'ajaxDelRecord': 

     if (isset($_POST['id'])) { 
      $id = json_decode($_POST['id']); 
     } 

     $id = json_decode($_POST['id']); 
     print ($student->delRecord($id)) ? 'true' : 'false' ; 

     break; 

} 

有一個包含刪除所有API另一個db.php文件，添加和更新

Answer 1

JSON.stringify（id）應該是JSON.stringify（$ id），因爲你聲明你的id爲$ id，你並不需要：JSON.stringify，因爲你只是發送一個整數給服務器。

，並刪除您剛剛從數據庫中刪除行了，你可以用下面的代碼替換您的JavaScript代碼：

$(function() { 

      $('#studentRecord').on('click', 'button.delete', function() { 

      var $tr = $(this).closest('tr'); 

      var $id = parseInt($(this).attr('id').split('-')[1]); 


      if (confirm("Are you sure you want to delete this record")) { 

       $.ajax({ 
        url: '/ab_batch/practice/db/action.php', 
        type: 'POST', 
        data: { 
         action: 'ajaxDelRecord', 
         id: JSON.stringify($id) 
        }, 

        success: function() {}, 

         $tr.remove(); // removing the current deleted record from html. 
        error: function() {} 

       }); 

      } 


     }); 


    }); 

我沒有添加$tr.remove();一個成功回調裏面，因爲你已經宣佈的父元素的刪除記錄，所以你只需要使用：$tr.remove();刪除tr。