Yükleniyor...

Php ajax ile form post

Php ajax ile anlık olarak formu kolaylıkla gönderebilirsiniz. Oldukça basit bir işlemdir. Çoğu işlerinizi kolaylaştıran bir yapıya sahiptir ve tüm kontrolleri elinizde tutmanıza yarar.

Bu örnekle form üzerinden resim, dosya vb. tüm elemanları post edebilirsiniz.

$('form[name=kullanici_ekle]').on('submit', function(e) {
    //name="kullanici_ekle" olan formun submit işlemi gerçekleştiğinde bu fonksiyonu çalıştır dedik.

    e.preventDefault(); //kendi submit özelliklerini çalıştırmasın bizim yazdığımız kodları çalıştırsın.
    //bunu her zaman en üste yazmalıyız. bundan önce bir kod yazılmamalı.

    var formData = new FormData(this); //Form verilerini göndereceğimiz için form verilerini bir değişkene atadık.
    //this demek bu formun verileri demektir.
    //bu formun verilerini al yeni bir obje olarak oluştur ve değişkene ata dedik.

    /*
    FORMA YENİ ELEMAN EKLEMEK İÇİN
    olusturulan_degisken.append(name, value);
    */
    formData.append("elleEkllenenDeger", "15-06-2021");

    $.ajax({
        type: "POST", //sayfa gönderme tipidir. Gönderilen verileri post olarak göndermesini söyledik.
        url: "ajax.php", //verileri hangi sayfaya göndereceğini yazıyoruz. dosya_yolu/dosya.php
        data: formData, //data olarak form verilerini aldığımız değişkeni yazıyoruz. Çünkü bu verileri post edeceğiz.
        cache: false,//ön bellek tutulsun mu
        contentType: false,//İÇERİK TÜRÜ(JSON, ARRAY VB.) FALSE VARSAYILAN POST DEMEKTİR.
        processData: false,//resim, dosya vb. verilerin post edilmesini sağlar true yaparsanız resim, dosya vb. şeyleri post edemezsiniz.
        error: function(s) {
            $("#sonuc").html("SİSTEMSEL BİR HATA OLUŞTU. OLUŞAN HATA =>" + s);
            /*
            # işareti id değeri gireceğimizi belirtir. sonuc idsine sahip alanla işlem yapacağımızı belirttik.
            sonuc idsine sahip alanın html içeriğine bunu yaz dedik.
            */
        },
        success: function(data) {
            $("#sonuc").html(data);
            /*
            # işareti id değeri gireceğimizi belirtir. sonuc idsine sahip alanla işlem yapacağımızı belirttik.
            sonuc idsine sahip alanın html içeriğine data değişkenini yaz dedik.

            data otomatik olarak ajax.php bölümünde yazdırdığımız alanı değer olarak alır.
            */
        },
    });
});
Görüşlerinizi Bize Bildirin :)