Post İşlemlerinde Ajax Kullanımı
1 min readJul 10, 2020
Ajax,sunucuya gelen herhangi bir isteği arka planda işleyerek çalışılan sayfayı tekrar yenilemeden, veriyi dinamik olarak ekrana getiren veya gönderen web geliştirme tekniğidir.
Basit olarak bir form değişkenlerini ajax yardımıyla gönderelim.
Html alanımız
<form id="CreateForm" action="javascript:void(0);">
<label>Name:</label>
<input type="text" id="name" name="name"><br/>
<label>E-mail:</label>
<input type="email" id="email" name="email"><br/>
<label>Phone:</label>
<input type="phone" id="phone" name="phone"><br>
<input type="submit" id="submit" value="Submit">
</form>
Script alanımız
$('#CreateForm').submit(function(e) {
e.preventDefault();
$.ajax({
url: "url_address",
type: 'POST',
data: {
'name': $('#name').val(),
'email': $('#email').val(),
'phone': $('#phone').val(),
'_token': '{{ csrf_token() }}'
},
success: function(result) {
if (result !== "false") {
iziToast.success({
title: 'Tamam!',
message: 'Başarıyla kaydedildi!',
position: 'topRight'
});
} else {
iziToast.success({
title: 'Hata!',
message: 'Kayıt Oluşturulamadı!',
position: 'topRight'
});
}
}
});
});