Hướng dẫn delete row from database using javascript - xóa hàng khỏi cơ sở dữ liệu bằng javascript

Một cách tiếp cận sẽ là sử dụng Ajax. Với mục đích ngưng tụ mã, tôi cũng sẽ kết hợp jQuery vào giải pháp này. Tôi cũng sẽ thay đổi hộp kiểm của bạn thành một liên kết nút riêng lẻ vì mục đích làm cho mã này ít hơn một chút. Một giải pháp để xóa nhiều người cùng một lúc có thể hoạt động tương tự như thế này, nhưng vì bạn đang sử dụng Ajax rất có thể điều này sẽ dễ dàng hơn cho người dùng của bạn.

Sửa đổi table.php

 num_rows > 0)  { ?>

  

      

          
IdPalavra
          
Palavra
          
Grau de Dificuldade
          
Data
          
Hora
          
Selecionar
      


    

      

        
       
        

        

        

        

        
Delete
      
       
      
 

Tạo một tệp mới trong cùng một thư mục với table.php của bạn và đặt tên cho nó delete.php

 $success));

Giải pháp ở trên gửi một lệnh đơn giản đến phụ trợ PHP của bạn trong đó truy vấn xóa có thể được chạy bởi PHP. Bạn không thể chạy lệnh MySQL trực tiếp từ JavaScript vì đó là mã Frontend.

Mã này là một giải pháp chức năng, nhưng nó được viết tắt; Một giải pháp hoàn chỉnh hơn sẽ có xử lý chi tiết hơn các lỗi tiềm năng (thông qua AJAX hoặc xử lý truy vấn xóa của bạn). Nó cũng sẽ có một số bảo mật trên delete.php của bạn để đảm bảo người dùng trái phép không thể xóa hồ sơ mà không có sự cho phép thích hợp để làm như vậy.

Đối tượng bảng

Thí dụ

Xóa hàng đầu tiên trong bảng:

document.getEuityById ("mytable"). deleterow (0);

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Phương thức deleterow () sẽ loại bỏ hàng tại chỉ mục được chỉ định khỏi bảng.

Mẹo: Sử dụng Insertrow () để tạo và chèn một hàng mới. Use the insertRow() to create and insert a new row.

Hỗ trợ trình duyệt

Cú pháp

TableObject.Deleterow (INDEX)

Giá trị tham số

Chi tiết kỹ thuật

Nhiều ví dụ hơn

Thí dụ

Xóa hàng bạn nhấp vào:

hàm deleterow (r) {& nbsp; var i = r.ParentNode.parentNode.rowindex; & nbsp; & nbsp; document.getEuityById ("mytable"). deleterow (i);}
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Hãy tự mình thử »

Thí dụ

Định nghĩa và cách sử dụng

Phương thức deleterow () sẽ loại bỏ hàng tại chỉ mục được chỉ định khỏi bảng.
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}

Mẹo: Sử dụng Insertrow () để tạo và chèn một hàng mới.
  document.getElementById("myTable").deleteRow(0);
}

Hỗ trợ trình duyệt

Phương pháp

xóa hàng()

Đối tượng bảng

Làm thế nào để bạn xóa một hàng trong bảng javascript?

Làm cách nào để xóa một hàng trong nút js?

Làm cách nào để xóa một hàng khỏi bảng trong React JS?

Làm cách nào để loại bỏ tr?