Đã nhiều lần chúng ta thấy yêu cầu chỉnh sửa hoặc cập nhật nhanh nhiều dữ liệu vào bảng cơ sở dữ liệu mysql. Nó sẽ xử lý công việc của chúng tôi nhanh chóng cập nhật nhiều dữ liệu cùng một lúc thay vì chỉnh sửa từng dữ liệu một. Có nhiều cách để chúng ta có thể cập nhật hoặc chỉnh sửa nhiều dữ liệu chỉ bằng một nút bấm. Nhưng ở đây chúng tôi đã sử dụng trường nhập hộp kiểm, bằng cách sử dụng lựa chọn hộp kiểm, chúng tôi có thể chọn nhiều hàng dữ liệu để lọc số lượng lớn dữ liệu và báo cho tập lệnh PHP dữ liệu chọn hộp kiểm cụ thể chỉ cần cập nhật. Vì vậy, với các hộp kiểm, chúng tôi có thể xác định nhiều hàng dữ liệu bằng cách chọn từ danh sách dữ liệu.
Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách chúng tôi có thể cập nhật dữ liệu được chọn nhiều hộp kiểm sang Mysql bằng cách sử dụng PHP với Ajax. Nếu chúng tôi đã sử dụng tập lệnh PHP đơn giản cho tác vụ này, thì nó sẽ là kiểu cũ của bất kỳ phát triển web nào. Ở đây, chúng tôi đã sử dụng Ajax, kiểu gửi và nhận dữ liệu mới nhất từ máy khách đến máy chủ mà không cần làm mới trang web và nó đã tăng hiệu suất của ứng dụng web của chúng tôi và tăng đầu ra của trang web của chúng tôi. Vì cập nhật nhiều dữ liệu cùng lúc nên nếu dùng PHP script đơn giản thì sẽ mất nhiều thời gian hơn trong việc chỉnh sửa nhiều dữ liệu cùng lúc. Nhưng nếu chúng tôi đã sử dụng Ajax thì nó sẽ xử lý tất cả phụ trợ và nó sẽ không hiển thị quy trình trên trang web và sau khi xử lý thành công, nó sẽ hiển thị kết quả trên trang web mà không cần làm mới trang web. Vì vậy, ở đây chúng tôi đã sử dụng Ajax để cập nhật hoặc chỉnh sửa nhiều dữ liệu Mysql bằng cách sử dụng lựa chọn hộp kiểm với PHP.
Đầu tiên chúng tôi muốn tải hoặc hiển thị dữ liệu trên trang web, để làm điều này chúng tôi sử dụng yêu cầu Ajax và thực hiện chức năng tìm nạp dữ liệu và hiển thị trên trang web trong thẻ tại thời điểm tải trang. Sau khi hiển thị tất cả dữ liệu trên trang web, chúng tôi muốn tạo một phương thức để chuyển đổi dữ liệu văn bản thuần túy của bảng này thành các trường nhập liệu có thể chỉnh sửa. Để xử lý tác vụ này, ở đây chúng tôi cũng đã sử dụng jQuery. Bằng cách sử dụng chức năng jQuery khi chúng tôi đã chọn các hộp kiểm thì hàng dữ liệu văn bản thuần túy đã chọn đó phải được chuyển đổi thành các trường nhập HTML có thể chỉnh sửa với giá trị được điền. Vì vậy, khi chúng tôi đã chọn nhiều hộp kiểm thì tất cả hàng dữ liệu đã chọn sẽ được chuyển đổi thành trường nhập liệu có thể chỉnh sửa. Giờ đây, chúng tôi có thể chỉnh sửa nhiều dữ liệu để thực hiện các thay đổi cần thiết cùng một lúc và xử lý tất cả dữ liệu chỉ bằng một cú nhấp chuột. Đối với nhiệm vụ này ở đây, chúng tôi đã sử dụng Ajax và bằng cách sử dụng yêu cầu Ajax, chúng tôi có thể gửi nhiều dữ liệu dưới dạng dữ liệu biểu mẫu bằng cách sử dụng phương thức jQuery serialize[] và gửi tới tập lệnh PHP. Và trong tập lệnh PHP, nó sẽ cập nhật mọi dữ liệu đã nhận được từ Ajax và cập nhật nhiều dữ liệu bằng tập lệnh PHP.
Vì vậy, đây là toàn bộ quá trình mà chúng tôi đã sử dụng Ajax, hộp kiểm HTML, jQuery, PHP và Mysql và tạo ra tính năng đơn giản và cần thiết như cập nhật nhiều bản ghi của Mysql bằng cách sử dụng lựa chọn hộp kiểm với Ajax PHP. Đây là một trong những phương pháp hữu ích để cập nhật nhiều dữ liệu bảng Mysql bằng cách sử dụng lựa chọn hộp kiểm với Ajax jquery và PHP. Bên dưới, bạn có thể tìm thấy mã nguồn hoàn chỉnh và bên trên, bạn cũng có thể tìm thấy video hướng dẫn trong đó chúng tôi mô tả từng bước quy trình chỉnh sửa dữ liệu lựa chọn nhiều hộp kiểm bằng PHP với Ajax.
Xem thêm
- Chèn nhiều nội tuyến vào Mysql bằng cách sử dụng Ajax JQuery trong PHP
- Dữ liệu bảng trực tiếp Chỉnh sửa Xóa bằng Plugin Tabledit trong PHP
- Bảng nội tuyến CRUD trong Codeigniter sử dụng Ajax jquery
- Nội tuyến Chỉnh sửa dữ liệu bằng cách sử dụng X-editable với PHP và Mysql
- Bảng trực tiếp Thêm Chỉnh sửa Xóa bằng PHP với Plugin jsGrid
Xem bản trình diễn
Mã nguồn
cơ sở dữ liệu
--
-- Database: `testing`
--
-- --------------------------------------------------------
--
-- Table structure for table `tbl_employee`
--
CREATE TABLE `tbl_employee` [
`id` int[11] NOT NULL,
`name` varchar[50] NOT NULL,
`address` text NOT NULL,
`gender` varchar[10] NOT NULL,
`designation` varchar[100] NOT NULL,
`age` int[11] NOT NULL
] ENGINE=MyISAM DEFAULT CHARSET=latin1;
--
-- Indexes for table `tbl_employee`
--
ALTER TABLE `tbl_employee`
ADD PRIMARY KEY [`id`];
--
-- AUTO_INCREMENT for table `tbl_employee`
--
ALTER TABLE `tbl_employee`
MODIFY `id` int[11] NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1;
database_connection. php
chỉ mục. php
Update Multiple Mysql Data using Checkbox with Ajax in PHP
Update Multiple Mysql Data using Checkbox with Ajax in PHP
Name
Address
Gender
Designation
Age
$[document].ready[function[]{
function fetch_data[]
{
$.ajax[{
url:"select.php",
method:"POST",
dataType:"json",
success:function[data]
{
var html = '';
for[var count = 0; count < data.length; count++]
{
html += '';
html += ''+data[count].name+' ';
html += ''+data[count].address+' ';
html += ''+data[count].gender+' ';
html += ''+data[count].designation+' ';
html += ''+data[count].age+' ';
}
$['tbody'].html[html];
}
}];
}
fetch_data[];
$[document].on['click', '.check_box', function[]{
var html = '';
if[this.checked]
{
html = 'MaleFemale ';
html += ''+$[this].data['name']+' ';
html += ''+$[this].data['address']+' ';
html += ''+$[this].data['gender']+' ';
html += ''+$[this].data['designation']+' ';
html += ''+$[this].data['age']+' ';
}
$[this].closest['tr'].html[html];
$['#gender_'+$[this].attr['id']+''].val[$[this].data['gender']];
}];
$['#update_form'].on['submit', function[event]{
event.preventDefault[];
if[$['.check_box:checked'].length > 0]
{
$.ajax[{
url:"multiple_update.php",
method:"POST",
data:$[this].serialize[],
success:function[]
{
alert['Data Updated'];
fetch_data[];
}
}]
}
}];
}];
chọn. php
multiple_update. php
- Chia sẻ cái này.
- Google+
- Tình cờ gặp
- đào