Bảng dữ liệu có thêm chỉnh sửa và xóa hàng bằng cách sử dụng PHP mysqli jquery Ajax

sử dụng hướng dẫn này, bạn có thể dễ dàng hiểu rằng cách bạn có thể tạo bảng thêm chỉnh sửa xóa bằng ajax jquery trong php mysql mà không cần làm mới trang, chèn xóa dữ liệu cập nhật bằng ajax trong php, chỉnh sửa bảng trực tiếp bằng ajax và php, chỉnh sửa nội tuyến trong php bằng ajax,

Trong hướng dẫn này, bạn sẽ học cách xóa dữ liệu trong PHP & MySQL bằng cách sử dụng ajax, chúng tôi biết rằng đây là một chức năng phổ biến khi tạo phần mềm. Vì vậy, tôi hy vọng rằng bạn sẽ học được từ phương pháp đơn giản này và sử dụng nó trong dự án tương lai của bạn

 

Bảng dữ liệu có thêm chỉnh sửa và xóa hàng bằng cách sử dụng PHP mysqli jquery Ajax

 

Với sự trợ giúp của ajax, chúng tôi được phép yêu cầu máy chủ xóa một bản ghi cụ thể mà không cần tải lại trang của chúng tôi và tự động xóa bản ghi của chúng tôi trong danh sách. Vì vậy, để bạn hiểu, chúng tôi sử dụng Cơ sở dữ liệu nhân viên đơn giản để xóa một bản ghi

 

Tạo cơ sở dữ liệu

Vì vậy, trước tiên hãy tạo tên cơ sở dữ liệu của bạn cho bất kỳ thứ gì bạn muốn. Sau khi tạo cơ sở dữ liệu của bạn, bạn sẽ cần tạo bảng "nhân viên" của chúng tôi. Vui lòng kiểm tra mã bên dưới để biết ví dụ SQL

 

CREATE TABLE `employees` (
  `id` int(10) NOT NULL,
  `email` varchar(100) NOT NULL,
  `first_name` varchar(100) NOT NULL,
  `last_name` varchar(100) NOT NULL,
  `address` varchar(250) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

ALTER TABLE `employees`
  ADD PRIMARY KEY (`id`);

ALTER TABLE `employees`
  MODIFY `id` int(10) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1;
COMMIT;

 

Lưu ý rằng bạn có thể thêm bảng của mình từ dòng lệnh MySQL hoặc trong PHPMyAdmin để có trải nghiệm tốt hơn. Nó phụ thuộc vào bạn

 

Tạo chỉ mục HTML

Trong phần này, chúng tôi sẽ tạo chỉ mục của chúng tôi. html và đặt mã này bên dưới




  	Delete Data in PHP & MySQL Using Ajax

  	
	
  	
  	
  	

  

   
	


Delete Data in PHP & MySQL Using Ajax



Add New Employee

List of Employees

 

Xóa Hàm PHP

Ở đây chúng ta sẽ tạo một file xóa. php và sử dụng nó để xóa hồ sơ nhân viên

connect_errno) {
	  echo "Failed to connect to MySQL: " . $mysqli->connect_error;
	  exit();
	}

	// Set the DELETE SQL data
	$sql = "DELETE FROM employees WHERE id='".$id."'";

	// Process the query so that we will save the date of birth
	if ($mysqli->query($sql)) {
	  echo "Employee has been successfully deleted.";
	} else {
	  echo "Error: " . $sql . "
" . $mysqli->error; } // Close the connection after using it $mysqli->close(); ?>

 

Chức năng xóa Ajax

Trong chức năng này, chúng tôi sẽ tạo một bản xóa ajax sẽ sử dụng để giao tiếp với máy chủ. Bạn sẽ tìm thấy chức năng này dưới tập lệnh. js, bạn sẽ thấy nó khi tải xuống mã nguồn hoàn chỉnh

function del() 
{
	$(document).delegate(".btn-delete-employee", "click", function() {

		if (confirm("Are you sure you want to delete this record?")) {
		    var employeeId = $(this).attr('data-id'); //get the employee ID

		    // Ajax config
			$.ajax({
		        type: "GET", //we are using GET method to get data from server side
		        url: 'delete.php', // get the route value
		        data: {employee_id:employeeId}, //set data
		        beforeSend: function () {//We add this before send to disable the button once we submit it so that we prevent the multiple click
		            
		        },
		        success: function (response) {//once the request successfully process to the server side it will return result here
		            // Reload lists of employees
	            	all();

		            alert(response)
		        }
		    });
		}
	});
}

 

Sau đó, chúng ta sẽ gọi hàm del ở trên

$(document).ready(function() {
	// Delete record via ajax
	del();
});

 

Vì vậy, sau khi bạn làm theo đoạn mã trên, bạn sẽ biết cách tôi thường viết mã một hàm xóa trên PHP & MySQL bằng Ajax. Tôi hy vọng bạn học hỏi từ nó. Để xem nó hoạt động, chỉ cần nhấp vào nút tải xuống bên dưới

 

Tải xuống

 

 

GHI CHÚ. Vui lòng không sử dụng ví dụ mã này như hiện tại, hãy thực hiện một số nghiên cứu về cách bảo mật mã PHP của bạn như các cuộc tấn công SQL Injection và CSRF. Và trước khi xóa bản ghi, bạn cần vệ sinh ID đã gửi để nó an toàn khi truy vấn nó vào cơ sở dữ liệu của bạn. Bạn cũng phải kiểm tra ID nếu có trong cơ sở dữ liệu của mình trước khi xóa bản ghi

Làm cách nào để xóa dữ liệu khỏi cơ sở dữ liệu bằng Ajax jQuery và PHP?

Tạo một hàm deleteData và viết đoạn mã sau từ các bước tiếp theo trong đó
Xác định một phương thức ajax và bắt đầu mã hóa bên trong nó
Gửi id xóa đến dữ liệu xóa. php bằng phương thức get
Nếu ajax trả về dữ liệu thành công thì hiển thị thông báo và tải trang tìm nạp dữ liệu. php

Làm cách nào để thêm chỉnh sửa và xóa các hàng của bảng HTML bằng PHP?

Thêm, chỉnh sửa, xóa các hàng trong bảng MySQL dễ dàng và đơn giản bằng Hướng dẫn PHP/MySQLi .
Tạo cơ sở dữ liệu của chúng tôi. Đầu tiên, chúng ta sẽ tạo một cơ sở dữ liệu chứa dữ liệu của chúng ta. .
Tạo kết nối của chúng tôi. .
Tạo bảng của chúng tôi và thêm biểu mẫu. .
Tạo Tập lệnh Thêm của chúng tôi. .
Tạo biểu mẫu chỉnh sửa của chúng tôi. .
Tạo tập lệnh chỉnh sửa của chúng tôi. .
Tạo Tập lệnh Xóa của chúng tôi

Làm cách nào để thêm dữ liệu vào DataTable bằng Ajax?

Đang tải dữ liệu. Dữ liệu Ajax được DataTables tải chỉ bằng cách sử dụng tùy chọn ajax để đặt URL cho nơi yêu cầu Ajax sẽ được thực hiện. .
nguồn dữ liệu JSON. .
Vị trí mảng dữ liệu. .
Điểm dữ liệu cột. .
thông số tùy chọn. .
Ví dụ trực tiếp
cấu hình Ajax

Làm cách nào để chỉnh sửa bảng dữ liệu trong PHP?

Cấu trúc bảng. Tạo bảng người dùng và tôi đã thêm một số bản ghi. .
Cấu hình. Tạo cấu hình. .
Tải xuống và bao gồm. Tải xuống Datatables từ đây và Bootstrap từ đây. .
HTML. Create
modal for update user details. .. .
PHP. Tạo một tệp ajax. .
jQuery. Khởi tạo bảng dữ liệu. .
đầu ra. Xem đầu ra
Phần kết luận