löschen Datensatz aus einer dynamisch erstellten Form mit Ajax und php

Question

ich die Datensätze gelöscht werden sollen, die dynamisch erstellt werden, aber der Code nicht haben einen Blick

script.js working..Please ist

$(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; 

} 

Es gibt eine andere Datei db.php, die die APIs alle zum löschen enthält, ergänzen und aktualisieren

Answer 1

JSON.stringify (id) sollte JSON.stringify ($ id) sein, da Sie Ihre ID als $ id deklarieren, brauchen Sie nicht wirklich: JSON.stringify, da Sie gerade eine ganze Zahl an den Server senden.

und zum Löschen der Zeile, die Sie gerade aus der Datenbank entfernt, können Sie einfach ersetzen Sie Ihren JavaScript-Code mit folgenden:

$(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() {} 

       }); 

      } 


     }); 


    }); 

i $tr.remove(); in einem Erfolg Rückruf hinzugefügt haben, wie Sie bereits das übergeordnete Element deklariert haben des gelöschten Datensatzes, so müssen Sie nur verwenden: $tr.remove();, um den tr zu löschen.