Hướng dẫn ajax delete data in php - ajax xóa dữ liệu trong php

Ở đây chúng tôi sử dụng 3 tệp để xóa dữ liệu khỏi cơ sở dữ liệu MySQL bằng AJAX.

1. database.php
2. delete_ajax.php
3. view.php

Bảng user_data

CREATE TABLE `crud` (
  `id` int(11) NOT NULL,
  `name` varchar(100) NOT NULL,
  `email` varchar(100) NOT NULL,
  `phone` varchar(100) NOT NULL,
  `city` varchar(100) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

database.php

delete_ajax.php

 200));
	} 
	else {
		echo json_encode(array("statusCode"=>201));
	}
	mysqli_close($conn);
?>

view.php

  
  
  
  
  
  
  



  
View data
	

    

      

        
Name
        
Email
        
Phone
		
City
		
Action
      
    
    

      
    
  

Trong hướng dẫn này, bạn sẽ tìm hiểu cách xóa dữ liệu trong PHP & MySQL bằ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 hỏi 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.delete data in PHP & MySQL using ajax we know that this is a common function when creating software. So I hope that you will learn from this simple method and use it in your future project.

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 tải lại trang của chúng tôi và tự động xóa hồ sơ 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 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 cứ điều gì bạn muốn. Sau khi tạo cơ sở dữ liệu của bạn thì 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;

Hãy 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.html của chúng tôi và đặt mã này bên dưới.

  	

  	
	
  	
  	
  	

  

   
	


		



	    
Delete Data in PHP & MySQL Using Ajax

	    


	    
	    

	    	

	    		
Add New Employee

			    

			    	

					    Email
					    
				  	
				  	

					    First Name
					    
				  	
				  	

					    Last Name
					    
				  	
				  	

					    Address
					    
				  	
				  	Submit
				
	    	

	    	

	    		
List of Employees
	    		

	    	
	    
	

	
	

	  	

		    


		      	
		      	

			        
Edit Employee
			        ×
		      	

		      	
		      	

		        	

		        		
				    	

						    Email
						    
					  	
					  	

						    First Name
						    
					  	
					  	

						    Last Name
						    
					  	
					  	

						    Address
						    
					  	
					  	Update
					  	Close
					


		      	

		    
	  	
	


	
	
	
	
	
	
	
	
	
	


  

Xóa chức năng PHP

Ở đây chúng tôi sẽ tạo một tệp 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();
?>

Ajax Xóa chức năng

Trong chức năng này, chúng tôi sẽ tạo Xóa Ajax sẽ sử dụng để liên lạc với máy chủ. Bạn sẽ tìm thấy chức năng này trong scripts.js Bạn sẽ thấy nó khi tải xuống mã nguồn đầy đủ.

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 tôi 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 mã trên, bạn sẽ tìm hiểu cách tôi thường mã hóa chức năng xóa trên PHP & MySQL bằng AJAX. Tôi hy vọng bạn học hỏi từ nó. Để xem nó trong hành động chỉ cần nhấp vào nút Tải xuống bên dưới.

Tải xuống

Lưu ý: Vui lòng không sử dụng ví dụ mã này như là, cũng 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ư SQL Inject và CSRF Attack. Và trước khi xóa bản ghi, bạn cần vệ sinh ID đã gửi để nó sẽ 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 bạn trước khi xóa bản ghi. Kindly don't use this code example as is, do some research also about how to secure your PHP code like SQL Injection and CSRF attacks. And before deleting the record you need to sanitize the submitted ID so that it will safe when querying it to your database. You must also check the ID if existing in your database before deleting the record.

Mã hóa hạnh phúc :)

Làm thế nào để xóa dữ liệu khỏi cơ sở dữ liệu trong AJAX?

Làm thế nào để xóa một hàng bằng Ajax?

Làm cách nào để xóa dữ liệu mà không cần làm mới trang bằng Ajax?

Làm cách nào để chèn Xóa cập nhật trong PHP trên cùng một trang bằng cách sử dụng bảng AJAX và cập nhật trong PHP?