Làm cách nào để bạn nhận được dữ liệu biểu mẫu khi gửi bằng javascript?
|
Điều đặc biệt về Show Từ quan điểm của máy chủ, nó trông giống như một biểu mẫu gửi thông thường Trước tiên hãy gửi một biểu mẫu đơn giản Như bạn có thể thấy, đó gần như là một lớp lót Trong ví dụ này, mã máy chủ không được trình bày, vì nó nằm ngoài phạm vi của chúng tôi. Máy chủ chấp nhận yêu cầu POST và trả lời "Người dùng đã lưu" Chúng tôi có thể sửa đổi các trường trong
Về mặt kỹ thuật, một biểu mẫu được phép có nhiều trường có cùng tên Ngoài ra còn có phương thức
Ngoài ra, chúng ta có thể lặp qua các trường formData bằng cách sử dụng vòng lặp Biểu mẫu luôn được gửi dưới dạng Đây là một ví dụ với hình thức như vậy Như chúng ta đã thấy trong chương Tìm nạp, thật dễ dàng để gửi dữ liệu nhị phân được tạo động. g. một hình ảnh, như Tuy nhiên, trên thực tế, việc gửi một hình ảnh không riêng biệt mà là một phần của biểu mẫu, với các trường bổ sung, chẳng hạn như “tên” và siêu dữ liệu khác, thường rất thuận tiện. Ngoài ra, các máy chủ thường phù hợp hơn để chấp nhận các biểu mẫu được mã hóa nhiều phần, thay vì dữ liệu nhị phân thô Ví dụ này gửi một hình ảnh từ Xin lưu ý cách hình ảnh Điều đó giống như nếu có Máy chủ đọc dữ liệu biểu mẫu và tệp, như thể đó là một lần gửi biểu mẫu thông thường các đối tượng được sử dụng để nắm bắt biểu mẫu HTML và gửi nó bằng cách sử dụng Chúng ta có thể tạo Làm cách nào để nhận các giá trị biểu mẫu khi gửi trong JavaScript?Sử dụng FormData Constructor
để lắng nghe sự kiện gửi của biểu mẫu và nhận giá trị khi chúng tôi gửi . Trước tiên chúng tôi lấy phần tử biểu mẫu với tài liệu. bộ chọn truy vấn. Sau đó, chúng tôi gọi addEventListener để thêm trình lắng nghe sự kiện vào biểu mẫu.
Làm cách nào để thu thập FormData bằng JavaScript?Phương thức serializeArray() tạo một mảng đối tượng (tên và giá trị) bằng cách tuần tự hóa các giá trị biểu mẫu . Phương pháp này có thể được sử dụng để lấy dữ liệu biểu mẫu. Tham số. Nó không chấp nhận bất kỳ tham số nào. Giá trị trả về. Nó trả về tất cả giá trị bên trong các trường đầu vào.
Làm cách nào tôi có thể hiển thị FormData sau khi gửi?Thuộc tính formtarget chỉ định tên hoặc từ khóa cho biết vị trí hiển thị phản hồi nhận được sau khi gửi biểu mẫu . Thuộc tính formtarget ghi đè thuộc tính target của phần tử
Làm cách nào để sử dụng JavaScript để gửi biểu mẫu?Khi chúng ta click vào link thì hàm submitForm() sẽ được thực thi. Hàm này sẽ lấy đối tượng phần tử bằng phương thức DOM getElementById() bằng cách chuyển id biểu mẫu cho phương thức này, sau đó biểu mẫu sẽ được gửi bằng cách sử dụng phương thức submit(). Ví dụ. Tạo một biểu mẫu và gửi nó bằng cách sử dụng phương pháp trên |
