Post İşlemlerinde Ajax Kullanımı

sinem ünal
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'
});

}

}

});
});

--

--

sinem ünal
sinem ünal

No responses yet