Gửi dữ liệu từ một biểu mẫu do khách truy cập điền vào một trang web Internet là một trong những tác vụ thường xuyên được giải quyết trong tương tác tương tác giữa người lướt web và các chương trình máy chủ của tài nguyên này. Việc tổ chức hoạt động này trong mã nguồn của trang siêu văn bản dễ dàng hơn nhiều so với việc tạo các tập lệnh để xử lý dữ liệu được truyền. Nó có thể được triển khai cả bằng ngôn ngữ HTML và sử dụng các đoạn mã JavaScript.
Hướng dẫn
Bước 1
Nếu quá trình xử lý dữ liệu không được thực hiện trong cùng một tệp tạo trang có biểu mẫu, hãy đảm bảo chỉ định địa chỉ của tập lệnh trình xử lý trong thuộc tính hành động. Chỉ định một trong hai phương pháp có thể để gửi các biến biểu mẫu - Lấy hoặc Đăng. Sự lựa chọn phụ thuộc vào việc chúng được sử dụng để đọc các biến bằng script. Về nguyên tắc, điều này là đủ để giải quyết vấn đề; không cần thiết phải đặt một phần tử đặc biệt trong biểu mẫu bắt đầu gửi thông tin, vì nhấn phím Enter theo mặc định tương đương với việc nhấn vào nút để gửi dữ liệu. Tuy nhiên, không phải người dùng nào cũng đoán được điều này, vì vậy tốt hơn hết bạn nên đặt một nút tương ứng trong biểu mẫu.
Bước 2
Sử dụng nút được hiển thị bởi thẻ đầu vào có giá trị gửi trong thuộc tính type. Nhấp vào một nút như vậy là cách "cổ điển", được sử dụng phổ biến nhất để tổ chức việc gửi dữ liệu từ một biểu mẫu trên một trang web. Ngoài thuộc tính type, bạn nên chỉ định giá trị của thuộc tính name và trong giá trị, bạn có thể đặt văn bản của nhãn trên nút. Ví dụ:
Bước 3
Bạn có thể sử dụng JavaScript để gửi dữ liệu. Điều này có thể hữu ích trong trường hợp bạn cần tổ chức điều hành tự động trên bất kỳ sự kiện nào - ví dụ: sau khi người dùng chọn giá trị mong muốn trong danh sách thả xuống hoặc nếu nó phải được trình xác thực JavaScript kiểm tra trước khi gửi thông tin. Để triển khai cách gửi dữ liệu này, hãy sử dụng phương thức gửi của đối tượng biểu mẫu. Ví dụ: nếu giá trị UniForm được ghi vào thuộc tính name của biểu mẫu, thì để mô phỏng việc nhấp vào nút gửi trong mã JavaScript, sau tất cả các hành động cần thiết với các giá trị được nhập bởi người dùng, bạn cần đặt như sau dòng: document. UniForm.submit ();