Chúng ta đã học về định dạng XML. Do đó, việc hiểu JSON sẽ dễ dàng hơn rất nhiều. XML và JSON giống nhau. Cả hai đều là định dạng tệp được thiết kế để chứa văn bản thuần túy và dễ dàng đọc được bởi cả máy móc và con người. Do đó, chúng được sử dụng làm tiêu chuẩn
Nếu bạn cần truy xuất thông tin cụ thể từ máy chủ và hiển thị thông tin đó trên trang web của mình, có thể bạn sẽ sử dụng JSON. Tên của JSON là viết tắt của JavaScript Object Notation. Nó dựa trên JavaScript, vì vậy có một số kiến thức cơ bản về nó sẽ rất được hoan nghênh ở đây. JSON cũng sử dụng cú pháp JavaScript
Không giống như XML, nó không hỗ trợ thẻ tên và nhận xét, nhưng hỗ trợ mảng PHP. JSON cũng nhẹ hơn và dễ đọc hơn. Trong hướng dẫn này, chúng ta sẽ xem rất nhiều ví dụ và học cách sử dụng các hàm PHP JSON cơ bản nhất được gọi là PHP json_decode[] và json_encode[]
nội dung
- 1. PHP json_decode[] và json_encode[]. Mẹo chính
- 2. Tìm hiểu cách mã hóa tệp
- 3. Cách chuyển đổi mảng
- 4. Đưa ra yêu cầu đối với cơ sở dữ liệu
- 5. Lặp lại kết quả
- 6. Cách sử dụng Phương thức POST
- 7. PHP json_decode[] và json_encode[]. Tóm tắt
PHP json_decode[] và json_encode[]. Mẹo chính
- JSON là dữ liệu ẩn danh có thể được dịch trong các biến PHP
- Mảng có thể được chuyển đổi sang định dạng JSON
- JSON thường được sử dụng để đọc dữ liệu từ máy chủ web và hiển thị nó trên trang web
- Có các chức năng tích hợp để thao tác JSON. Quan trọng nhất trong số đó là PHP
2 và PHPvar xmlhttp = new XMLHttpRequest[]; xmlhttp.onreadystatechange = function[]{ if [this.readyState == 4 && this.status == 200] { var newObj = JSON.parse[this.responseText]; document.getElementById["JSON"].innerHTML = newObj.fruit; }}; xmlhttp.open["GET", "demo.php", true]; xmlhttp.send[];
0var xmlhttp = new XMLHttpRequest[]; xmlhttp.onreadystatechange = function[]{ if [this.readyState == 4 && this.status == 200] { var newObj = JSON.parse[this.responseText]; document.getElementById["JSON"].innerHTML = newObj.fruit; }}; xmlhttp.open["GET", "demo.php", true]; xmlhttp.send[];
Học cách mã hóa tập tin
Để chuyển đổi các đối tượng PHP thành JSON, chúng ta sử dụng hàm PHP
var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[]{
if [this.readyState == 4 && this.status == 200] {
var newObj = JSON.parse[this.responseText];
document.getElementById["JSON"].innerHTML = newObj.fruit;
}};
xmlhttp.open["GET", "demo.php", true];
xmlhttp.send[];
2. Để thực hiện chuyển đổi ngược lại, PHP var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[]{
if [this.readyState == 4 && this.status == 200] {
var newObj = JSON.parse[this.responseText];
document.getElementById["JSON"].innerHTML = newObj.fruit;
}};
xmlhttp.open["GET", "demo.php", true];
xmlhttp.send[];
0 được sử dụng, nhưng nhiều hơn về điều đó sau. Bây giờ hãy xem một ví dụ mãSao chép ví dụ
JavaScript ứng dụng khách
JavaScript này sử dụng AJAX để lấy tệp PHP
Sao chép ví dụ
var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[]{
if [this.readyState == 4 && this.status == 200] {
var newObj = JSON.parse[this.responseText];
document.getElementById["JSON"].innerHTML = newObj.fruit;
}};
xmlhttp.open["GET", "demo.php", true];
xmlhttp.send[];
Mảng được chuyển đổi như thế nào
Cũng giống như đối tượng, mảng được dịch sang JSON bằng cách sử dụng hàm PHP
var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[]{
if [this.readyState == 4 && this.status == 200] {
var newObj = JSON.parse[this.responseText];
document.getElementById["JSON"].innerHTML = newObj.fruit;
}};
xmlhttp.open["GET", "demo.php", true];
xmlhttp.send[];
2Sao chép ví dụ
JavaScript ứng dụng khách
JavaScript này sử dụng AJAX để lấy tệp PHP ra khỏi mảng
Sao chép ví dụ
var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[] {
if [this.readyState == 4 && this.status == 200] {
var newObj = JSON.parse[this.responseText];
document.getElementById["JSON"].innerHTML = newObj[2];
}
};
xmlhttp.open["GET", "demo_array.php", true];
xmlhttp.send[];
ưu
- Thiết kế đơn giản [không có thông tin không cần thiết]
- Các khóa học chất lượng cao [ngay cả những khóa học miễn phí]
- Tính năng đa dạng
- chương trình cấp bằng nano
- Thích hợp cho doanh nghiệp
- Giấy chứng nhận hoàn thành trả tiền
LOẠI TRỪ. GIẢM GIÁ 75%
ưu
- Dễ điều hướng
- Không có vấn đề kỹ thuật
- Có vẻ quan tâm đến người dùng của nó
- Rất nhiều khóa học đa dạng
- chính sách hoàn tiền trong 30 ngày
- Giấy chứng nhận hoàn thành miễn phí
THẤP NHƯ 12. 99$
ưu
- Trải nghiệm người dùng tuyệt vời
- Cung cấp nội dung chất lượng
- Rất minh bạch với giá cả của họ
- Giấy chứng nhận hoàn thành miễn phí
- Tập trung vào các kỹ năng khoa học dữ liệu
- Lịch học linh hoạt
GIẢM GIÁ 75%
Yêu cầu cơ sở dữ liệu
Là một ngôn ngữ mã hóa, PHP JSON là phía máy chủ. Điều đó có nghĩa là bạn chỉ có thể sử dụng nó cho các tác vụ mà máy chủ thực thi. Kết nối với cơ sở dữ liệu có thể là một trong những nhiệm vụ thích hợp. Hãy tưởng tượng chúng ta có một cơ sở dữ liệu chứa thông tin nhất định. Để yêu cầu nó, chúng ta cần gọi cơ sở dữ liệu
Sao chép ví dụ
JSON data from PHP file.
The JSON received from the PHP file:
var obj, dbParameters, xmlhttp;
obj = { "table":"fruits", "limit":5 };
dbParam = JSON.stringify[obj];
xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[] {
if [this.readyState == 4 && this.status == 200] {
document.getElementById["example"].innerHTML = this.responseText;
}
};
xmlhttp.open["GET", "your_file.php?x=" + dbParam, true];
xmlhttp.send[];
Ví dụ giải thích
- Đầu tiên, chúng tôi mô tả đối tượng chứa bảng thuộc tính và giới hạn, đồng thời dịch nó sang JSON
- Sau đó, một cuộc gọi chứa tham số JSON được gửi đến tệp PHP
- Khi cuộc gọi được trả lại, chúng tôi xuất những gì chúng tôi nhận được từ tệp
Ở đây chúng tôi có tệp PHP của chúng tôi
Sao chép ví dụ
Hãy xem lại kịch bản trên từng bước
- Cuộc gọi được dịch sang một đối tượng bằng cách sử dụng PHP
0var xmlhttp = new XMLHttpRequest[]; xmlhttp.onreadystatechange = function[]{ if [this.readyState == 4 && this.status == 200] { var newObj = JSON.parse[this.responseText]; document.getElementById["JSON"].innerHTML = newObj.fruit; }}; xmlhttp.open["GET", "demo.php", true]; xmlhttp.send[];
- Một kết nối đến cơ sở dữ liệu được thiết lập để ghi dữ liệu vào một mảng
- Mảng được gắn vào một đối tượng, được trả về ở định dạng JSON bằng cách sử dụng PHP
2var xmlhttp = new XMLHttpRequest[]; xmlhttp.onreadystatechange = function[]{ if [this.readyState == 4 && this.status == 200] { var newObj = JSON.parse[this.responseText]; document.getElementById["JSON"].innerHTML = newObj.fruit; }}; xmlhttp.open["GET", "demo.php", true]; xmlhttp.send[];
Lặp qua kết quả
Dữ liệu trong tệp chứa mã PHP có thể được chuyển đổi thành một mảng JavaScript. Để làm điều đó, chúng tôi sẽ sử dụng PHP cho vòng lặp
Sao chép ví dụ
...
xmlhttp.onreadystatechange = function[] {
if [this.readyState == 4 && this.status == 200] {
newObj = JSON.parse[this.responseText];
for [x in newObj] {
txt += newObj[x].name + "
";
}
document.getElementById["JSON"].innerHTML = txt;
}
};
...
Cách sử dụng Phương thức POST
Bất cứ khi nào bạn cần gửi thông tin nhất định đến máy chủ, phương thức HTTP
var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[]{
if [this.readyState == 4 && this.status == 200] {
var newObj = JSON.parse[this.responseText];
document.getElementById["JSON"].innerHTML = newObj.fruit;
}};
xmlhttp.open["GET", "demo.php", true];
xmlhttp.send[];
6 có vẻ như là lựa chọn tốt nhất có thể. Để sử dụng nó cho một cuộc gọi AJAX, đừng quên xác định phương thức và tiêu đề bên phải. Dữ liệu chúng ta cần gửi lên server sẽ trở thành đối số cho hàm var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[]{
if [this.readyState == 4 && this.status == 200] {
var newObj = JSON.parse[this.responseText];
document.getElementById["JSON"].innerHTML = newObj.fruit;
}};
xmlhttp.open["GET", "demo.php", true];
xmlhttp.send[];
7