Tìm nạp và hiển thị dữ liệu từ cơ sở dữ liệu trong php bằng cách sử dụng ajax. Tại đây, Bạn sẽ học cách tìm nạp và hiển thị dữ liệu từ db trong PHP bằng cách sử dụng ajax mà không cần làm mới trang.

Bạn đang xem : ajax lấy dữ liệu từ php

Để tìm nạp dữ liệu từ cơ sở dữ liệu trong PHP bằng jQuery ajax. Trong hướng dẫn này, bạn sẽ học cách tìm nạp và hiển thị dữ liệu từ cơ sở dữ liệu trong PHP bằng ajax.

Trong bài đăng này, chúng tôi sẽ tạo danh sách khách hàng và thêm nút xem trong danh sách khách hàng này. Sau đó, sẽ lấy dữ liệu từ cơ sở dữ liệu khi nhấp vào nút xem trong PHP. Và hiển thị dữ liệu trong trang web mà không cần tải lại toàn bộ trang web bằng jQuery ajax.

Cách lấy và hiển thị dữ liệu từ cơ sở dữ liệu bằng Ajax mà không làm mới trang

Nếu bạn muốn tìm nạp và hiển thị dữ liệu từ cơ sở dữ liệu MySQL trong PHP bằng ajax mà không cần tải lại trang web:

  • Tạo Cơ sở dữ liệu và Bảng
  • mydbCon.php – Kết nối với cơ sở dữ liệu MySQL

  • customer.php – Tìm nạp tất cả khách hàng từ cơ sở dữ liệu
  • ajax-fetch-record.php – Tìm nạp và hiển thị bằng Ajax mà không cần tải lại trang

1 – Tạo cơ sở dữ liệu và bảng

Trước hết, hãy điều hướng đến bảng điều khiển phpmyadmin của bạn và tạo cơ sở dữ liệu và bảng bằng cách sử dụng các truy vấn sql sau:

 TẠO CƠ SỞ DỮ LIỆU my_db;

TẠO BẢNG `khách hàng` (
  `id` int (10) KHÔNG ĐƯỢC ĐĂNG KÝ KHÔNG ĐỦ,
  `fname` varchar (255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `lname` varchar (255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `email` varchar (255) COLLATE utf8mb4_unicode_ci NOT NULL,
  ngày tạo_date` DEFAULT NULL
) ENGINE = InnoDB DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_unicode_ci;

2 – Kết nối với cơ sở dữ liệu MySQL

Trong bước này, bạn sẽ tạo tên tệp mydbCon.php và cập nhật mã bên dưới vào tệp của bạn.

< p> Đoạn mã sau được sử dụng để tạo kết nối cơ sở dữ liệu MySQL trong PHP. Ngoài ra, bạn có thể sử dụng kết nối cơ sở dữ liệu PHP mã trong khi tìm nạp, chèn, cập nhật hoặc xóa bản ghi khỏi cơ sở dữ liệu MySQL có và không có ajax:

 & lt;? Php
$ host = 'localhost';
$ tên người dùng = 'root';
$ password = '';
$ dbname = "my_db";
$ conn = mysqli_connect ($ host, $ username, $ password, "$ dbname");
nếu (! $ conn)
        {
          die ('Không thể kết nối MySql Server:' .mysql_error ());
        }
? & gt;

3 – Tìm nạp dữ liệu Danh sách từ cơ sở dữ liệu

Trong bước này, hiển thị dữ liệu trong bảng HTML.

Vì vậy, hãy tạo tệp khách hàng.php và thêm mã sau vào khách hàng tệp .php:

 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
& lt; meta charset = "UTF-8" & gt;
& lt; title & gt; Mã PHP để Tìm nạp Tất cả Dữ liệu từ Cơ sở dữ liệu MySQL và Hiển thị trong Bảng html & lt; / title & gt;
& lt; link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" & gt;
& lt; script src = "https://code.jquery.com/jquery-3.4.1.min.js" & gt; & lt; / script & gt;
& lt; / head & gt;
& lt; body & gt;
& lt; div class = "container mt-2" & gt;
& lt; div class = "page-header" & gt;
& lt; h2 & gt; Danh sách Khách hàng & lt; / h2 & gt;
& lt; / div & gt;
& lt; div class = "row" & gt;
& lt; div class = "col-md-8" & gt;
& lt; table class = "table" & gt;
& lt; thead & gt;
& lt; tr & gt;
& lt; th scope = "col" & gt; # & lt; / th & gt;
& lt; th scope = "col" & gt; Đầu tiên & lt; / th & gt;
& lt; th scope = "col" & gt; Cuối cùng & lt; / th & gt;
& lt; th scope = "col" & gt; Email & lt; / th & gt;
& lt; th scope = "col" & gt; Hành động & lt; / th & gt;
& lt; / tr & gt;
& lt; / thead & gt;
& lt; tbody & gt;
& lt;? php
bao gồm 'mydbCon.php';
$ query = "select * from khách hàng giới hạn 200"; // Tìm nạp tất cả dữ liệu từ các khách hàng trong bảng
$ result = mysqli_query ($ dbCon, $ query);
? & gt;
& lt;? php if ($ result- & gt; num_rows & gt; 0):? & gt;
& lt;? php while ($ array = mysqli_fetch_row ($ result)):? & gt;
& lt; tr & gt;
& lt; th scope = "row" & gt; & lt;? php echo $ array [0];? & gt; & lt; / th & gt;
& lt; td & gt; & lt;? php echo $ array [1];? & gt; & lt; / td & gt;
& lt; td & gt; & lt;? php echo $ array [2];? & gt; & lt; / td & gt;
& lt; td & gt; & lt;? php echo $ array [3];? & gt; & lt; / td & gt;
& lt; td & gt;
& lt; a href = "javascript: void (0)" class = "btn btn-primary view" data-id = "& lt;? php echo $ array [0];? & gt;" & gt; View & lt; / a & gt;
& lt; / tr & gt;
& lt;? php cuối cùng; ? & gt;
& lt;? php khác:? & gt;
& lt; tr & gt;
& lt; td colspan = "3" rowspan = "1" headers = "" & gt; Không Tìm thấy Dữ liệu & lt; / td & gt;
& lt; / tr & gt;
& lt;? php endif; ? & gt;
& lt;? php mysqli_free_result ($ result); ? & gt;
& lt; / tbody & gt;
& lt; / table & gt;
& lt; / div & gt;
& lt; div class = "col-md-4" & gt;
& lt; span id = "fname" & gt; & lt; / span & gt; & lt; br & gt;
& lt; span id = "lname" & gt; & lt; / span & gt; & lt; br & gt;
& lt; span id = "email" & gt; & lt; / span & gt; & lt; br & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt; script type = "text / javascript" & gt;
$ (tài liệu) .ready (function ($) {
$ ('body'). on ('click', '.view', function () {
var id = $ (this) .data ('id');
// ajax
$ .ajax ({
gõ: "ĐĂNG",
url: "ajax-fetch-record.php",
dữ liệu: {id: id},
dataType: 'json',
thành công: function (res) {
$ ('# fname'). html (res.fname);
$ ('# lname'). html (res.lname);
$ ('# email'). html (res.email);
}
});
});
});
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt;

4 – Tìm nạp và hiển thị bằng Ajax mà không cần tải lại trang

Trong bước này, tìm nạp dữ liệu từ cơ sở dữ liệu bằng cách sử dụng ajax request. Vì vậy, hãy tạo tệp ajax-fetch-record.php và tìm nạp và hiển thị dữ liệu từ cơ sở dữ liệu bằng cách sử dụng ajax mà không cần làm mới hoặc tải lại toàn bộ trang web.

Vì vậy, hãy cập nhật mã sau vào Tệp ajax-fetch-record.php :

 & lt;? php
bao gồm "mydbCon.php";
$ id = $ _POST ['id'];
$ query = "SELECT * từ khách hàng WHERE id = '". $ id. "" ";
$ result = mysqli_query ($ dbCon, $ query);
$ cust = mysqli_fetch_array ($ result);
nếu ($ cust) {
echo json_encode ($ cust);
} khác {
echo "Lỗi:". $ sql. "". mysqli_error ($ dbCon);
}
? & gt;

Cách tìm nạp dữ liệu từ cơ sở dữ liệu trong php bằng ajax và jquery sẽ giống như trong hình sau: tìm nạp dữ liệu từ cơ sở dữ liệu trong php và hiển thị trong bảng html bằng ajax

Kết luận

Để tìm nạp dữ liệu từ cơ sở dữ liệu MySQL trong PHP sử dụng jQuery ajax. Tại đây, bạn đã học cách tìm nạp dữ liệu từ bảng MySQL trong PHP bằng jQuery ajax mà không cần tải lại hoặc làm mới toàn bộ trang web.

Nếu bạn có bất kỳ câu hỏi hoặc suy nghĩ nào muốn chia sẻ, hãy sử dụng biểu mẫu nhận xét bên dưới để liên hệ với chúng tôi .


Xem thêm những thông tin liên quan đến chủ đề ajax lấy dữ liệu từ php

Hướng dẫn hiển thị dữ liệu bằng AJAX

alt

  • Tác giả: Ngô Xuân Hoàng
  • Ngày đăng: 2021-02-24
  • Đánh giá: 4 ⭐ ( 9481 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn hiển thị dữ liệu bằng cách dùng jquery sử dụng ajax để load dữ liệu ra màn hình.
    link api json: https://jsonplaceholder.typicode.com/
    Link api danh sách (get): https://jsonplaceholder.typicode.com/posts
    Link api get id: https://jsonplaceholder.typicode.com/posts/1
    Xin cám ơn các bạn đã theo dõi video của mình. Các bạn hãy like và subcribe kênh để ủng hộ và cũng như để xem video mới nhất của mình nhé.
    ajax

Giới thiệu

  • Tác giả: hiepsiit.com
  • Đánh giá: 5 ⭐ ( 3355 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

AJAX: Trả về dữ liệu response data

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 4 ⭐ ( 2256 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Em có một hàm getDataFromURL() dùng để lấy dữ liệu trên server thông quan gọi AJAX. Đoạn code của hàm này như sau:
    var result;

    function getDataFromURL(url) {
    $….

Sổ tay cá nhân: TÌM KIẾM DỮ LIỆU VỚI PHP KẾT HỢP AJAX JQUERY

  • Tác giả: diepdang.blogspot.com
  • Đánh giá: 3 ⭐ ( 4928 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Ví dụ POST của Ajax Ajax với PHP

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 9306 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Cách sử dụng cơ bản .ajaxsẽ trông giống như thế này: HTML:

MySQL & PHP – Trở thành Lập trình viên PHP

  • Tác giả: laptrinhvienphp.com
  • Đánh giá: 3 ⭐ ( 2616 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài hướng dẫn tự học PHP này, bạn sẽ tìm hiểu cách tạo một tính năng tìm kiếm trực tiếp (live search) trong cơ sở dữ liệu MySQL bằng PHP và Ajax.

Hướng dẫn lấy dữ liệu từ nhiều checkbox bằng Ajax /jQUery và PHP

  • Tác giả: ttsvn.net
  • Đánh giá: 4 ⭐ ( 5472 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  SQL FOREIGN KEY: Cách tạo trong SQL Server với ví dụ - cách tạo khóa ngoại trong sql

By ads_php