Penghantaran Borang dengan Kaedah GET dalam JavaScript
Mari kita laksanakan penghantaran borang menggunakan kaedah GET dengan contoh. Katakan kita mempunyai borang, di mana nombor dimasukkan ke dalam input:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Katakan pelayan mencari jumlah nombor yang diterima dan menghantar hasilnya kembali ke pelayar. Pertama, mari dapatkan nombor yang dihantar:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'data borang diterima';
}
}
Sekarang cari jumlahnya dan hantar kembali ke pelayar:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Buat borang dengan lima input, di mana nombor dimasukkan. Katakan pelayan mengira purata aritmetik nombor yang dihantar dan menghantar hasilnya kembali ke pelayar.
Tanya pengguna nama, nama keluarga dan nama bapanya. Hantar data ke pelayan. Katakan pelayan sebagai balasan mengembalikan mesej tentang penghantaran yang berjaya.
Tanya pengguna tarikh dalam format tahun-bulan-hari. Hantar tarikh ke pelayan. Katakan pelayan menyemak ketepatan format tarikh. Jika tarikh betul - katakan ia mengembalikan mesej kejayaan, dan jika tidak betul - mesej kegagalan.