Php ajax kullanımı sitelerimizde sayfanın yenileme yapmadan verigöndermesidir. Serialize fonksiyonu kullanımı da ajax post işlemleri için kullanılmaktadır.
Örnek Html Kod Yapısı
<form id="the-form"> <input name="username" type="text" value="username" /> <input name="password" type="password" value="pass" /></form>
Örnek Javascript Kod Yapısı
alert($('#the-form').serialize()); // username=mattlunn&password=pass1234 Çalışan Örnek Bir Demo İçin Buraya Tıklayabilirsiniz
jQuery.ajax({ url: 'urladresi.php', method: 'GET',//Yada Post data: $('#the-form').serialize(), function:success(cevap){ if(cevap="basarili") { alert("İşlem Başarılı Bir Şekilde Gerçekleşmiştir."); } else{ alert("Hata ! Bir Şeyler Ters Gitti"); } } })
Yukarıdaki kodun php olarak karşığı aşagıdaki gibi olmalıdır.
<?php $username=$_GET["username"]; // Post ise $_POST olmalıdır.$pass=$_GET["pass"]; // Post ise $_POST olmalıdır.?>
Videolu olarak Anlatım ise Aşağıda mevcutur. Takıldınız bir yer olur yorumlar ile geri dönüş yapabilirsiniz.
Not: Projelerinize jquery (https://code.jquery.com/jquery-3.3.1.min.js) dosyasını eklemeyi unutmayın yoksa çalışmaz kodlar
Video Olarak Anlatım Linki
[ame]https://www.youtube.com/watch?v=3XeJ8ad_eS0[/ame]
KAYNAK
Örnek Html Kod Yapısı
<form id="the-form"> <input name="username" type="text" value="username" /> <input name="password" type="password" value="pass" /></form>
Örnek Javascript Kod Yapısı
alert($('#the-form').serialize()); // username=mattlunn&password=pass1234 Çalışan Örnek Bir Demo İçin Buraya Tıklayabilirsiniz
jQuery.ajax({ url: 'urladresi.php', method: 'GET',//Yada Post data: $('#the-form').serialize(), function:success(cevap){ if(cevap="basarili") { alert("İşlem Başarılı Bir Şekilde Gerçekleşmiştir."); } else{ alert("Hata ! Bir Şeyler Ters Gitti"); } } })
Yukarıdaki kodun php olarak karşığı aşagıdaki gibi olmalıdır.
<?php $username=$_GET["username"]; // Post ise $_POST olmalıdır.$pass=$_GET["pass"]; // Post ise $_POST olmalıdır.?>
Videolu olarak Anlatım ise Aşağıda mevcutur. Takıldınız bir yer olur yorumlar ile geri dönüş yapabilirsiniz.
Not: Projelerinize jquery (https://code.jquery.com/jquery-3.3.1.min.js) dosyasını eklemeyi unutmayın yoksa çalışmaz kodlar
Video Olarak Anlatım Linki
[ame]https://www.youtube.com/watch?v=3XeJ8ad_eS0[/ame]
KAYNAK
