html #Sending Form Button Loading.html

Posted 2021-05-11

$.ajax({
                    url: 'include/gonder.php',
                    type: "POST",
                    data: {isim: isim, eposta: eposta, konu: konu, telefon: telefon, mesaj: mesaj},
                    success: function (response) {

                        if (response == 200) {
                            buton.button('sended');

                            setTimeout(function () {
                                buton.button('reset');
                            }, 4000);
                        } else {
                            buton.button('error');

                            setTimeout(function () {
                                buton.button('reset');
                            }, 4000);
                        }
                    }
                });

<button type="button" class="coloured-btn submit" id="submit"
                                                data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Gönderiliyor"
                                                data-sended-text="<i class='fa fa-check'></i> Gönderildi"
                                                data-error-text="<i class='fa fa-error'></i> Gönderim Başarısız">
                                            <i class="fa fa-send"></i> ŞİMDİ GÖNDER
                                        </button>

<button type="button" data-loading-text="Loading..."

data-sended-text="gitti..." class="btn btn-primary">
  Loading state
</button>