Làm thế nào để bạn nhập một mảng trong HTML?

Chào mừng bạn đến với hướng dẫn về cách đăng một mảng từ biểu mẫu HTML lên PHP. Các trường biểu mẫu HTML “tiêu chuẩn” đủ dễ dàng. Chỉ cần thêm thuộc tính tên vào các trường, gửi biểu mẫu và thế là xong. Nhưng nếu chúng ta muốn đăng một mảng thì sao?

Để đăng một mảng từ biểu mẫu HTML lên PHP, chúng ta chỉ cần thêm một cặp dấu ngoặc vuông vào cuối thuộc tính tên của trường đầu vào. Ví dụ

• ";
  }

  0

• ";
  }

  1

• ";
  }

  1

• ";
  }

  3

• ";
  }

  4

Nhưng làm điều này với AJAX thì sao? . Đọc để tìm hiểu

ⓘ Tôi đã bao gồm một tệp zip chứa tất cả mã nguồn ví dụ khi bắt đầu hướng dẫn này, vì vậy bạn không cần phải sao chép-dán mọi thứ… Hoặc nếu bạn chỉ muốn đi sâu vào

 

 

TLDR – TRANG TRÌNH BÀY NHANH

Tải xuống & Ghi chú

Mảng BÀI ĐĂNG

Bit bổ sung & liên kết

Video hướng dẫn

Kết thúc

 

TẢI XUỐNG & LƯU Ý

Đầu tiên, đây là liên kết tải xuống mã ví dụ như đã hứa

 

GHI CHÚ NHANH

Nếu bạn phát hiện ra một lỗi, hãy bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với cả thế giới… Nếu bạn cần câu trả lời gấp, vui lòng xem danh sách các trang web của tôi để được trợ giúp về lập trình

 

MÃ VÍ DỤ TẢI XUỐNG

Nhấp vào đây để tải xuống mã nguồn, tôi đã phát hành nó theo giấy phép MIT, vì vậy hãy thoải mái xây dựng trên mã nguồn hoặc sử dụng nó trong dự án của riêng bạn

 

 

CÁCH ĐĂNG MẢNG

Được rồi, bây giờ chúng ta hãy xem các ví dụ khác nhau về việc đăng một mảng lên tập lệnh PHP

 

VÍ DỤ 1) ĐĂNG MỘT Mảng ĐƠN GIẢN LÊN PHP

1A) HTML

1a-cơ bản. html

  Favorite Colors
  
  
  
  

Như trong phần giới thiệu, chúng ta chỉ cần nối thêm dấu ngoặc vuông

";
}

5 đằng sau mảng

";
}

6 để POST vào script PHP

 

1B) PHP PHÍA MÁY CHỦ

1b-cơ bản. php

";
}

Đúng, điều này đủ đơn giản. Vì chúng ta đã định nghĩa

";
}

7, nên

";
}

8 sẽ là một mảng

 

 

VÍ DỤ 2) ĐĂNG Mảng LỒNG NGANG ĐẾN PHP

2A) HTML

2a lồng nhau. html

";
}

1

Trường mảng nhiều chiều cũng không khó lắm – Chỉ cần sử dụng 2 dấu ngoặc vuông và nhập khóa cho dấu ngoặc vuông đầu tiên. Thế là xong

 

2B) PHP PHÍA MÁY CHỦ

2b-lồng nhau. php

";
}

2

Không có gì bí ẩn ở đây cả –

";
}

9 là một mảng đa chiều như mong đợi

 

 

VÍ DỤ 3) ĐĂNG Mảng BẰNG AJAX

3A) HTML

3a-AJAX. html

";
}

4

Không có nhiều sự khác biệt ở đây – Vẫn là dạng HTML giống nhau, nhưng thay vào đó sử dụng

";
}

10 để sử dụng Javascript AJAX để xử lý việc gửi

 

3B) BẢN JAVASCRIPT

mẫu 3b. js

";
}

6

Đúng, đơn giản như “ABC”

1. Thu thập dữ liệu từ biểu mẫu HTML
2. Tùy chọn, chúng tôi có thể thêm nhiều trường hơn vào dữ liệu theo cách thủ công
3. Cuối cùng, gửi dữ liệu đến máy chủ và đọc phản hồi của máy chủ dưới dạng văn bản

 

3C) MÁY CHỦ PHP

máy chủ 3c. php

";
}

7

Không có gì để xem ở đây… Chỉ là một kịch bản giả sẽ lặp lại bất cứ thứ gì đang được gửi

 

 

BIT BỔ SUNG & LIÊN KẾT

Đó là tất cả cho dự án này và đây là một phần nhỏ về một số tính năng bổ sung có thể hữu ích cho bạn

 

CHỈ DÀNH CHO PHP

Trước khi những kẻ độc ác nổi giận – Hãy lưu ý rằng phương pháp trên của

";
}

11 hoạt động với PHP, nhưng nó có thể khác đối với các ngôn ngữ khác. Ví dụ: một số ngôn ngữ có thể yêu cầu tất cả thuộc tính

";
}

6 phải giống nhau để thay thế

";
}

0

 

JSON ENCODE-DECODE

Để hỗ trợ tốt hơn việc trao đổi dữ liệu đa nền tảng, thông lệ phổ biến trong ngành là biến mảng thành chuỗi phẳng, sử dụng mã hóa JSON

4a-JSON. html

";
}

1

Về phía máy chủ, chúng ta có thể thực hiện giải mã JSON để lấy lại mảng

4b-JSON. php

";
}

2

P. S. Bất kỳ ngôn ngữ lập trình nào cũng có thể mã hóa-giải mã chuỗi JSON miễn là có thư viện hoặc trình phân tích cú pháp

 

LIÊN KẾT và THAM KHẢO

• BÀI ĐĂNG PHP
• PHP NHẬN
• Gửi dữ liệu biểu mẫu – MDN
• Dữ liệu biểu mẫu – MDN
• Làm việc với JSON – MDN

 

HƯỚNG DẪN YOUTUBE

 

BẢNG CHEAT INFOGRAPHICS

Cảm ơn bạn đã đọc, và chúng tôi đã đi đến phần cuối của hướng dẫn này. Tôi hy vọng rằng nó đã giúp bạn với dự án của bạn và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, xin vui lòng bình luận bên dưới. Chúc may mắn và mã hóa hạnh phúc

Làm cách nào để sử dụng mảng trong HTML?

HTML có mảng không?

Làm cách nào để nhập một mảng trong JavaScript?