v2.5.2
Giriş yap

Form gönderme sonucu bilgi gösterme

yeni2021
496 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Merhaba,
Formumu doldurup gönder dediğimde sonucunda aşağıdaki yapı ile durumu hakkında ekrana bilgi basıyor.

if($ekle!=false)
	{
    	?>
    	<div class="alert alert-success">İşleminiz başarılı.</div>
    	
    	<?php
	}
	else
	{
		?>
		<div class="alert alert-info">Hata:İşlem başarız.</div>
		<?php
	}		
	
<!--Gönder butonu -->	
	<button type="submit" class="btn btn-outline-success mr-2">Gönder</button>

Fakat ben bunun yerine işlemin durumuna göre aşağıdaki sweetalert2 nin animasyonlu bilgisi çıksın istiyorum.


  $(function() {
    var Toast = Swal.mixin({
      toast: true,
      position: 'top-center',
      showConfirmButton: false,
      timer: 3600
    });

    $('.swalDefaultSuccess').click(function() {
      Toast.fire({
        icon: 'success',
        title: 'İşleminiz başarıyla kaydedildi.'
      })
    });
    
      $('.swalDefaultError').click(function() {
      Toast.fire({
        icon: 'error',
        title: 'Hata:İşlem başarız.'
      })
    });
   
  })

Yukardaki scrip butona bağlı çalışıyor

<button type="button" class="btn btn-success swalDefaultSuccess">
  Launch Success Toast
</button>

<button type="button" class="btn btn-danger swalDefaultError">
  Launch Error Toast
</button>

<!-- SweetAlert2 -->
<script src="../../plugins/sweetalert2/sweetalert2.min.js"></script>

Bu şekilde scriptteki yapıyı işlem sonucuna göre nasıl ekrana çıkartırım?

Cevap yaz
Cevaplar (1)
erkamalper
1274 gün önce

Front-end'de AJAX ile dosyana istek at ve göndermek istediğin cevabı JSON formatında gönder. Daha sonra AJAX'ın success ve error callback'leri ile cevabını sweetalert şeklinde yazdır. Anlamadıysan, bu videoyu izleyebilirsin.