Trong bài này, chúng ta s�?s�?dụng k�?thuật tải thêm d�?liệu bằng cách s�?dụng ajax trong PHP. Đây là cách mà rất nhiều website ngày nay đang s�?dụng đ�?hiển th�?thêm nội dung. �?đây, bạn s�?học cách làm cho website tải thêm nhiều nội dung hơn bằng cách s�?dụng nút “Xem thêm�? Hướng dẫn này s�?cung cấp cho bạn một ví d�?đơn giản v�?cách tải thêm kết qu�?trong PHP, Ajax và cơ s�?d�?liệu MySQL.

AJAX là gì?

AJAX là t�?viết tắt của t�?Asynchronous JavaScript And XML – Bất đồng b�?trong Javascript và XML. Các bạn có th�?đọc chi tiết tại website này. Trong bài, chúng ta s�?s�?dụng thư viện Jquery, ngôn ng�?PHP và MySQL đ�?làm.

Chúng ta s�?thực hiện bài này như hình sau:

Hình trên hiển th�?danh sách sản phẩm nhưng không phải toàn b�? Khi nhấn vào nút “Xem thêm�?thì trang web s�?tải thêm d�?liệu cho người xem, mỗi lần s�?hiển th�?thêm 8 sản phẩm. Đến khi không còn sản phẩm nút “Xem thêm�?s�?ẩn đi.

Các bước thực hiện:

1. Tạo cơ s�?d�?liệu với bảng products

CREATE TABLE `products` (
`id` int(11) NOT NULL,
`product_name` varchar(200) NOT NULL,
`image` varchar(200) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

 2. Thêm một s�?bản ghi cho bảng products

INSERT INTO `products` (`id`, `product_name`, `image`) VALUES
(3, ‘Điện thoại di động Apple iPhone 12 – 64GB – chính hãng VN/A’, ‘apple-iphone-12-mini-3.png’),
(4, ‘Điện thoại di động Apple iPhone 13 – Chính hãng VN/A’, ‘image-removebg-preview-10.png’),
(5, ‘Điện thoại di động Apple iPhone 13 Pro Max – Chính hãng VN/A’, ‘image-removebg-preview-18.png’),
(6, ‘Laptop HUAWEI MATEBOOK 14 – KLVD-WDH9 (i5-1135G7/RAM 8Gb/512G/14.0\’/2K/Win 10 Home)’, ‘laptop-huawei-matebook-14-klvd-wdh9-5.png’),
(7, ‘Laptop Apple M1 – MacBook Air 13\” 16GB/256GB 2020 – Chính hãng Apple Việt Nam’, ‘capture.png’),
(8, ‘Laptop HP Gaming VICTUS 16-e0175AX – 4R0U8PA’, ‘hp-victus-16-e0175ax-4.png’),
(9, ‘Apple M1 – MacBook Pro 13\’ 512GB 2020 – Chính hãng Apple Việt Nam’, ‘Macbook Pro 13 inch (2020) with Touch bar-8.png’),
(10, ‘Điện thoại di động Samsung Galaxy S22 – 8GB/256GB – Chính hãng’, ‘image-removebg-preview-6.png’),
(11, ‘Tai nghe Apple AirPods Pro – Chính hãng Apple (MLWK3ZP/A, MagSafe)’, ‘image-removebg-preview (32).png’),
(12, ‘Ph�?kiện Cáp Apple USB-C to Lightning Cable – Chính Hãng’, ‘1_637400092468013820.png’),

 3. File data.php, kết nối và x�?lý d�?liệu phân trang sau đó tr�?v�?d�?liệu dạng JSON.

 4. File index.php

 5. File ajax.js

Như vậy, trên đây là cách đ�?s�?dụng d�?dàng Ajax và PHP trong công ngh�?thông tin đ�?ứng dụng vào các trang web, phần mềm, ứng dụng,.. Chúc các bạn học tốt với những kiến thức vừa rồi nhé!

The post Tải thêm d�?liệu không cần tải trang s�?dụng Ajax và PHP appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.