Hướng dẫn PHP Ajax CRUD

Hướng dẫn này là để thực hiện các thao tác CRUD cơ sở dữ liệu với tính năng tìm kiếm và phân trang bằng cách sử dụng jQuery và AJAX. Trong hướng dẫn trước, chúng ta đã thấy CRUD, tìm kiếm và phân trang mà không cần AJAX

Trong ví dụ này, chúng tôi đang tạo các hàm jQuery AJAX để gửi yêu cầu hành động CRUD. Với yêu cầu này, chúng tôi đang chuyển các tham số AJAX chứa từ khóa tìm kiếm và thông tin trang hiện tại

Tải xuống

Tìm kiếm và phân trang jQuery AJAX

Chúng tôi đang có chức năng này để xử lý tìm kiếm cơ sở dữ liệu và điều hướng trên mỗi trang

function getresult[url] {    
$.ajax[{
	url: url,
	type: "POST",
	data:  {rowcount:$["#rowcount"].val[],name:$["#name"].val[],code:$["#code"].val[]},
	success: function[data]{ $["#toys-grid"].html[data]; $['#add-form'].hide[];}
   }];
}

Trong chức năng này, chúng tôi đang gửi tổng số hàng để tạo liên kết phân trang. Chúng tôi cũng đang gửi các từ khóa tìm kiếm tương ứng với cột tên và mã của cơ sở dữ liệu

Trong trang PHP, các tham số jQuery AJAX này được sử dụng để tạo HTML để liệt kê các kết quả cơ sở dữ liệu dưới dạng,

jQuery Thêm Sửa đổi Xóa Hàm

Chúng tôi đang có các chức năng thêm, sửa đổi, xóa riêng biệt bằng jQuery để truy cập cơ sở dữ liệu qua AJAX

function add[] {
var valid = validate[];
if[valid] {
	$.ajax[{
		url: "add.php",
		type: "POST",
		data:  {name:$["#add-name"].val[],code:$["#add-code"].val[],category:$["#category"].val[],price:$["#price"].val[],stock_count:$["#stock_count"].val[]},
		success: function[data]{ getresult["getresult.php"]; }
	   }];
	}
}
function showEdit[id] {
	$.ajax[{
		url: "show_edit.php?id="+id,
		type: "POST",
		success: function[data]{ $["#toy-"+id].html[data]; }
   }];
}
function edit[id] {
var valid = validate[];
if[valid] {
	$.ajax[{
		url: "edit.php?id="+id,
		type: "POST",
		data:  {name:$["#add-name"].val[],code:$["#add-code"].val[],category:$["#category"].val[],price:$["#price"].val[],stock_count:$["#stock_count"].val[]},
		success: function[data]{ $["#toy-"+id].html[data]; }
	   }];
	}
}	
function del[id] {
$.ajax[{
	url: "delete.php?id="+id,
	type: "POST",
	success: function[data]{ $["#toy-"+id].html['']; }
   }];
}

Chúng tôi đang nhận các đầu vào biểu mẫu để tạo chuỗi dữ liệu được chuyển đến tệp PHP. Trong các hàm add[] và edit[], chúng tôi đang gọi xác thực jQuery trước khi gửi các đầu vào biểu mẫu tới tệp PHP

Trả lời bởi Alex_Alex

Xin chào, cảm ơn bạn đã đánh giá cao công việc của tôi
Nếu sự hiểu biết của tôi là đúng, điều này có thể làm việc

Hy vọng điều này có thể giúp cho bạn. Thanks

• Hồi đáp

Xin chào nhà phát triển, Hôm nay chúng ta sẽ tìm hiểu CRUD tải lên hình ảnh PHP 8 bằng cách sử dụng ví dụ Ajax. Hướng dẫn này sẽ giới thiệu về CRUD cách tải lên hình ảnh bằng cách sử dụng ajax với ví dụ

Tôi sẽ giải thích cho bạn CRUD tải lên hình ảnh PHP bằng ví dụ Ajax. Bạn sẽ học Tải lên tệp và hình ảnh AJAX trong PHP với jQuery. Bài viết này sẽ cung cấp cho bạn ví dụ đơn giản về Tải lên hình ảnh Ajax bằng PHP và jQuery. Chúng tôi sẽ sử dụng Ajax…

Làm cách nào để CRUD trong PHP bằng AJAX?

Sử dụng AJAX với PHP có tốt không?

Làm cách nào để sử dụng AJAX trong PHP?

Làm cách nào để tải hình ảnh từ AJAX lên CRUD trong PHP?