programming php

Làm cách nào để hiển thị dữ liệu từ cơ sở dữ liệu trong PHP bằng AJAX và JSON?

Sử dụng jQuery AJAX và PHP cách lấy dữ liệu từ bảng cơ sở dữ liệu MySQL dưới định dạng JSON. Tập lệnh PHP truy xuất các bản ghi bảng MySQL và gửi tới Tập lệnh jQuery phía máy khách dưới dạng định dạng chuỗi JSON. Hướng dẫn này cũng giải thích cách truy xuất dữ liệu từ cơ sở dữ liệu MySQL ở định dạng JSON bằng PHP, AJAX & jQuery và cách chuyển đổi các bản ghi hoặc hàng MySQL ở định dạng JSON bằng PHP và jQuery

Trong chương trình đầu tiên– tôi đã trình bày cách gửi mảng kết hợp được mã hóa JSON từ PHP dưới dạng định dạng chuỗi JSON tới mã jQuery/JavaScript phía máy khách trong trình duyệt máy khách bằng AJAX. Trong chương trình thứ hai, tôi đã gửi dữ liệu biểu mẫu được tuần tự hóa tới PHP phía máy chủ bằng ajax và sau đó truy xuất các bản ghi bảng MySQL dưới dạng mảng và gửi mã jQuery/JavaScript phía máy khách dưới dạng chuỗi JSON để hiển thị trên màn hình máy khách bằng AJAX. Trong chương trình thứ ba – Tôi đã lấy nhiều bản ghi từ bảng MySQL bằng PHP và gửi toàn bộ cấu trúc bảng tới mã JavaScript/jQuery phía máy khách bằng cách sử dụng AJAX dưới dạng mảng 2 chiều

Bạn có thể sử dụng định dạng dữ liệu JSON để gửi dữ liệu tới máy khách [trình duyệt], không chỉ dữ liệu đơn giản, bạn có thể truy xuất một bản ghi/hàng hoặc nhiều bản ghi từ cơ sở dữ liệu và bạn có thể gửi toàn bộ cấu trúc bảng tới trình duyệt máy khách từ máy chủ . php] trong ví dụ sau] vào mã JavaScript của máy khách. Hãy nhớ rằng mã phía máy chủ [PHP] có thể truy cập cơ sở dữ liệu và có thể thực hiện bất kỳ loại tính toán phức tạp nào và gửi lại cho máy khách

Bạn có thể đọc bài báo hoặc xem video YouTube bên dưới-

Tôi không sử dụng mã JavaScript [JS] cốt lõi ở đây, thay vào đó sử dụng jQuery vì thư viện JS này dễ cập nhật và xử lý HTML DOM hơn [Mô hình đối tượng tài liệu & hệ thống phân cấp của các phần tử HTML5] và phía sau hậu trường, jQuery sử dụng JavaScript cốt lõi. Bạn có thể cần một số kiến thức về jQuery để hiểu các lệnh gọi AJAX được sử dụng ở đây nhưng chúng khá đơn giản

Điều này có vẻ phức tạp đối với bạn, nhưng nếu bạn muốn truy xuất dữ liệu từ cơ sở dữ liệu thông qua tập lệnh PHP [hoặc đơn giản là lấy dữ liệu từ máy chủ, PHP tại đây] và muốn hiển thị thông tin cơ sở dữ liệu trong trình duyệt của mình mà không cần làm mới trang, thì bạn . Không chỉ dữ liệu từ cơ sở dữ liệu, trên thực tế, bất kỳ dữ liệu nào đến từ tập lệnh máy chủ đều có thể được hiển thị bằng AJAX mà không cần làm mới trang

A] PHP – jQuery – Ví dụ Ajax để truyền dữ liệu JSON

dự án A. Nếu bạn nhấp vào nút của trình duyệt máy khách, dữ liệu đến từ máy chủ. php được gửi dưới dạng chuỗi JSON tới máy khách [trình duyệt người dùng]. Chuỗi JSON được chuyển đổi trong cửa sổ máy khách dưới dạng đối tượng JavaScript và được hiển thị trong cửa sổ người dùng

Mã phía máy khách hiển thị trong chỉ mục sau. tập tin php-

mục lục. php [Máy khách, gọi bằng AJAX tới máy chủ PHP script “máy chủ. php”]




Title of the document



The Ajax Response will be shown here of the document......
Click Me



$[document].ready[function[]{ 
msg = $["div.response"];
$["button"].on["click", function[] {
    $.ajax[{
           url : 'server.php',
           type: "GET",
           dataType: 'json',
           success:function[response] {
                 var op = "";
                 for[var prop in response]{
op += " [ " + prop + " = " + response[prop] + " ] \r\n" ;
                   }
                  msg.html[op];
           }, // success
           error:function[xhr,textStatus,errorThrown]{
              var str = "ERROR : SERVER error
" + xhr + 
              "
" + textStatus + "
" + errorThrown;
              msg.html[str];
           } // error callback function block
        }]; // ajax call ends
}];// $["button"].on["click"] ends
}]; //$[document].ready ends

Tập lệnh PHP của máy chủ sau được hiển thị bên dưới. Nó tạo ra một mảng kết hợp [ $arr ] và trả về máy khách [trình duyệt]. Công cụ JS của trình duyệt có trình phân tích cú pháp JSON riêng để phân tích cú pháp JSON. Định dạng JSON không là gì ngoài một chuỗi được định dạng tốt cho trình phân tích cú pháp JSON. Hàm json_encode[] chuyển đổi mảng thành chuỗi JSON

máy chủ. php

Làm thế nào để chạy chương trình trên? . đi tới URL sau của trình duyệt của bạn

http. // localhost/kiểm tra/chỉ mục. php

Bạn sẽ thấy một nút. Chỉ cần nhấp vào nút. Sau đó, văn bản sau đây sẽ được hiển thị

The Ajax Response will be shown here of the document..... 
[ index1 = 1 ] [ index2 = 2 ] [ index3 = 3 ] 
[ index4 = 4.5 ] [ index5 = five ]

Vì vậy, làm thế nào tất cả những điều này xảy ra. Giải thích các mã trên

Trong ứng dụng khách/trình duyệt [trong chỉ mục. php], bạn sẽ thấy một nút và một số văn bản. Khi bạn nhấp vào nút, văn bản sau đây sẽ được hiển thị
chỉ số 1 = 1, chỉ số 2 = 2 , chỉ số 3 = 3,…

inside

Vậy cách trao đổi dữ liệu JSON diễn ra giữa “mã PHP phía máy chủ” và “mã JavaScript jQuery phía máy khách”, được giải thích bằng ví dụ

Mã jQuery CLIENT gọi máy chủ. tập tin php

mã JavaScript[JS] của máy khách [ở đây jQuery ] bên trong chỉ mục. trang php sẽ gọi tập lệnh máy chủ Tập lệnh PHP [ server. php ] thông qua lệnh gọi AJAX khi người dùng nhấp vào nút
Sự kiện nhấp chuột của nút kích hoạt lệnh gọi AJAX đến máy chủ. Ở đây máy khách không gửi bất kỳ dữ liệu nào đến máy chủ. php, thay vì lấy dữ liệu từ máy chủ. php thông qua lệnh gọi AJAX thông qua phương thức GET

Cách máy chủ PHP gửi phản hồi JSON tới tập lệnh JS/jQuery bằng AJAX

Trên nút, nhấp vào JavaScript [JS]/JQuery gọi tập lệnh phía máy chủ [máy chủ. php], thông qua yêu cầu GET được thực hiện để chạy máy chủ. php được hiển thị ở trên, thì tập lệnh máy chủ sẽ tạo một chuỗi JSON bằng phương thức json_encode[] từ mảng kết hợp [ $arr ] bên trong máy chủ. php, chuyển đổi mảng $arr thành một chuỗi ở định dạng JSON và chuỗi được in bằng câu lệnh echo [trong máy chủ. php]. Khi bất kỳ chuỗi nào được in qua câu lệnh echo, chuỗi đó sẽ được AJAX chọn và gửi tới mã JS [jQuery] của trình duyệt máy khách, ở đây trong chỉ mục. php, mã jQuery hiển thị phản hồi JSON trên màn hình dưới dạng phản hồi từ máy chủ [máy chủ. php]
Mã JavaScript [JS]/jQuery của máy khách [ trong chỉ mục. php ] khi nhận được chuỗi JSON [được gửi bởi máy chủ. php ], nó sẽ phân tích cú pháp chuỗi JSON thành một đối tượng JavaScript “phản hồi” [bạn có thể đổi nó thành bất kỳ tên nào khác] trong trình duyệt máy khách bằng trình phân tích cú pháp JavaScript/JSON trong trình duyệt. Vì vậy, chuỗi JSON được gửi bởi tập lệnh phía máy chủ PHP [máy chủ. php], được nhận bởi mã JavaScript hoặc jQuery của trình duyệt máy khách [trong chỉ mục. php] và được chuyển đổi thành đối tượng JavaScript dưới dạng cặp tên/giá trị trong trình duyệt máy khách
Mỗi thuộc tính đối tượng phản hồi được phân tích cú pháp thông qua các dòng sau trong chỉ mục. php –

for[var prop in response]{
op += " [ " + prop + " = " + response[prop] + " ] \r\n" ;
}

Phản hồi là đối tượng JS có các thuộc tính “index1”, “index2”,…, “index5”

Vì vậy, phản hồi[“index1”] = 1, phản hồi[“index2”] = 2,

Đoạn mã trên là một phần của mã jQuery của chỉ mục. php và phản hồi là đối tượng JavaScript được tạo từ chuỗi JSON có các giá trị thuộc tính [prop trong đoạn mã trên] như index1, index2, index3 …. Nếu bạn biết về các đối tượng JavaScript, bạn nên biết điều này. Đây là khái niệm đối tượng JavaScript cơ bản và bởi vòng lặp for in và các thuộc tính của đối tượng phản hồi được hiển thị trong màn hình trình duyệt máy khách

B] HTML từ trình kích hoạt lệnh gọi jQuery AJAX tới mã PHP phía máy chủ để tìm nạp bản ghi cơ sở dữ liệu MySQL

Về dự án B. Trong chương trình sau, tôi sẽ tìm nạp một bản ghi từ một bảng cơ sở dữ liệu thông qua tập lệnh PHP phía máy chủ để lấy một bản ghi của một “tên người dùng” cụ thể. Tên người dùng phải được lấy từ trình duyệt của khách hàng thông qua biểu mẫu HTML. Người dùng phải nhập tên người dùng và nhấp vào nút gửi và cơ sở dữ liệu được liên kết với tên người dùng đó sẽ được PHP truy xuất và gửi tới mã JS phía máy khách, mã này sẽ hiển thị dữ liệu người dùng dưới dạng bảng HTML đẹp mắt. Vì vậy, đây là toàn bộ điều tôi sẽ làm

Trong vấn đề này, một lệnh gọi AJAX được thực hiện cho tập lệnh PHP bởi mã javascript/jQuery của máy khách khi người dùng gửi biểu mẫu

Tin hay không tùy bạn, bạn có thể truy xuất rất nhiều bản ghi của nhân viên/học sinh/sản phẩm hoặc bất kỳ thứ gì từ cơ sở dữ liệu trong đó mỗi bản ghi đại diện cho một nhân viên/người hoặc/sản phẩm cụ thể và bạn có thể gửi toàn bộ dữ liệu từ tập lệnh PHP phía máy chủ tới máy khách . Dữ liệu JSON được chuyển đổi thành đối tượng JSON trong trình duyệt máy khách

Các cột trong bảng cơ sở dữ liệu được in đậm và dữ liệu ở phông chữ bình thường-

username	faculty	      role
bikram	        Arts	      user
Admin	        All	      admin

Đoạn mã sau là một phần của HTML phía máy khách

The HTML form shown below -

Type User Name :

fetch data

Phía máy chủ PHP Script server2. php được hiển thị bên dưới-

Trong tập lệnh PHP sau, tên người dùng được lấy từ biểu mẫu người dùng [do người dùng nhập] bằng phương thức POST HTTP. Cơ sở dữ liệu được kết nối thông qua chức năng MySQLi và bản ghi tên người dùng [được nhập vào biểu mẫu] được lấy từ cơ sở dữ liệu

mã PHP. máy chủ2. php

Bạn có thể đọc bài báo hoặc xem video YouTube bên dưới-

A] PHP – jQuery – Ví dụ Ajax để truyền dữ liệu JSON

Vậy cách trao đổi dữ liệu JSON diễn ra giữa “mã PHP phía máy chủ” và “mã JavaScript jQuery phía máy khách”, được giải thích bằng ví dụ

Cách máy chủ PHP gửi phản hồi JSON tới tập lệnh JS/jQuery bằng AJAX

B] HTML từ trình kích hoạt lệnh gọi jQuery AJAX tới mã PHP phía máy chủ để tìm nạp bản ghi cơ sở dữ liệu MySQL

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề