JavaScript'te GET Metodu ile Form Gönderme

Bir örnek üzerinden GET metoduyla form göndermeyi gerçekleştirelim. Sayıların girildiği inputları olan bir formumuz olsun:

public/form.html<form action="/handler/" method="GET">
  <input name="num1">
  <input name="num2">
  <input type="submit">
</form>

Sunucunun, aldığı sayıların toplamını bulmasını ve sonucu tarayıcıya geri göndermesini sağlayalım. İlk olarak, gönderilen sayıları alalım:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num1);
    console.log(get.num2);
    
    return 'form data received';
  }
}

Şimdi toplamlarını bulalım ve tarayıcıya geri gönderelim:

server.jsexport default {
  '/handler/': function({get}) {
    return Number(get.num1) + Number(get.num2);
  }
}
Задание 1

İçine sayıların girildiği beş inputu olan bir form yapın. Sunucunun, iletilen sayıların aritmetik ortalamasını hesaplamasını ve sonucu tarayıcıya geri göndermesini sağlayın.

Задание 2

Kullanıcıdan adını, soyadını ve ikinci adını sorun. Verileri sunucuya gönderin. Sunucunun yanıt olarak başarılı gönderim mesajı döndürmesini sağlayın.

Задание 3

Kullanıcıdan yıl-ay-gün formatında bir tarih isteyin. Tarihi sunucuya gönderin. Sunucunun tarih formatının doğruluğunu kontrol etmesini sağlayın. Eğer tarih doğruysa - başarı mesajı döndürsün, eğer yanlışsa - hata mesajı döndürsün.