Script XmlHttpRequest Enum Form Submit

[JWEB]

AJAX ile Form Submission

AJAX ile Form Submission, web sayfasındaki formları arka planda göndermenin yoludur. Bu sayede, sayfanın yeniden yüklenmesi gerekmeden form verileri sunucuya gönderilebilir. Bu işlemi gerçekleştirmek için, AJAX kullanarak form verilerini arka planda gönderebilir ve sunucudan gelen yanıtı kullanarak sayfayı güncelleyebilirsiniz.
Form verilerini göndermek için, HttpRequest objesini kullanabilirsiniz. Örnek olarak, aşağıdaki kod parçası, form verilerini arka planda gönderir ve sunucudan gelen yanıtı ekrana yazdırır:

<form id="myForm">
  <input type="text" name="name" placeholder="Name">
  <input type="email" name="email" placeholder="Email">
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit">Send</button>
</form>

<script>
  var form = document.getElementById("myForm");
  form.addEventListener("submit", function(e) {
    e.preventDefault(); // formun normal işlevini engellemek için
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "submit.php", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
      }
    };
    var formData = new FormData(form);
    xhr.send(formData);
  });
</script>

Bu örnekte, form verileri “submit.php” dosyasına “POST” metodu ile gönderilecektir. Sunucudan gelen yanıt “console.log” ile ekrana yazar . Bu örnekte kullanılan “FormData” objesi, form verilerini toplar ve “xhr.send()” metodu ile gönderir.

AJAX ile Form Submission sayesinde, kullanıcılar form verilerini gönderirken sayfanın yeniden yüklenmesi gerekmez. Ayrıca, sunucudan gelen yanıt kullanılarak sayfa dinamik

olarak güncellenecektir.. Örneğin, form gönderildikten sonra sunucudan gelen yanıt “success” ise, kullanıcıya başarılı bir şekilde mesaj gösterilecektir. Bu teknolojinin

kullanımı ile web formları daha hızlı ve kullanıcı dostu hale gelecektir. Ayrıca, form verilerinin gönderilirken geçen zaman kullanıcıya gösterilerek, bekleme süresi azalır.

----

Form Submission için kullanılan “submit.php” dosyası, gönderilen form verilerini işlemekte ve sunucudan gelen yanıtı oluşturmaktadır. Bu dosyada, önce verilerin doğruluğu

önce kontrol edilecektir. Ardından da veritabanına kaydedilecektir. Eğer isterseniz e-posta gönderilmesi gerekiyorsa e-posta gönderimi gibi işlemler yapılabilirsiniz.

 

[İ-Z BOT]

JWEB Merhaba
Lütfen Forum Kurallarını Okumadan Konu Açmayınız Yapacağınız Yanlış İşlemler Ban Sebebi Olabilir İyi Forumlar
Forum Kuralları
Yardıma İhtiyacınız Olursa @BARS.TR / @Acartürk
(Bu Bir Otomatik Uyarı Mesajıdır)