Gửi biểu mẫu bằng phương thức GET trong JavaScript
Hãy cùng triển khai việc gửi biểu mẫu bằng phương thức GET qua một ví dụ. Giả sử chúng ta có một biểu mẫu, trong các ô nhập liệu của nó, người dùng nhập các con số:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Giả sử máy chủ tìm tổng của các số nhận được và gửi kết quả trở lại trình duyệt. Trước tiên, hãy lấy các số đã được gửi:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'form data received';
}
}
Bây giờ hãy tìm tổng của chúng và gửi trở lại trình duyệt:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Tạo một biểu mẫu với năm ô nhập liệu, vào đó người dùng nhập các số. Hãy để máy chủ tính toán giá trị trung bình cộng của các số đã truyền và gửi kết quả trở lại trình duyệt.
Hỏi người dùng về họ, tên và tên đệm của họ. Gửi dữ liệu lên máy chủ. Hãy để máy chủ trả về một thông báo về việc gửi thành công như là phản hồi.
Hỏi người dùng về ngày tháng theo định dạng năm-tháng-ngày. Gửi ngày tháng lên máy chủ. Hãy để máy chủ kiểm tra tính chính xác của định dạng ngày tháng. Nếu ngày tháng chính xác - hãy để nó trả về thông báo thành công, còn nếu không chính xác - thông báo thất bại.
