Form gönderme sonucu bilgi gösterme
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?
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.