Öncelikle bir div oluşturalım. Post edildikten sonra gelen sonuç buraya yazılsın.
<div id="sonucyaz"></div>
Daha sonra aşağıdaki kodları
<head></head>
tagları arasına yapıştıracağız.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function kayitol(){
var veriler = $('#FORM IDSI').serialize();
$.ajax({
type: "POST",
url: "SAYFA LINKI.php",
data: veriler,
success:function(cevap){
$("#sonucyaz").html(""+cevap);
}
})};
</script>
Son adımda ise bize formu oluşturmak kalıyor.
<form action="javascript:void(0);" id="formid" method="POST">
<input name="kullaniciadi" type="text" />
<input class="button submit" onclick="kayitol();" type="submit" value="Kaydet" />
</form>
İşte her şey bu kadar kolay. Kolay gelsin.
input elemanını required yapsak da formu yine post ediyor. Mecburen javascript ile required kontrolü koymak lazım. Yada başka bir öneriniz varsa paylaşın lütfen.
YanıtlaSilBöyle birşey yaptım iş görüyor;
YanıtlaSilfunction phoneNext(elem){
let telNumber = document.getElementById("iphone").value;
if (telNumber == '') {
alert ("Lütfen telefon numaranızı yazınız.");
} else {
//alert (telNumber);
var veriler = $('#phoneForm').serialize();
$.ajax({
type: "POST",
url: "pages/ajaxPost/userPhone.php",
data: veriler,
success:function(cevap){
$("#phoneReturnDiv").html(""+cevap);
}
})
}
}
type checkbox için sayfa yenilemeden post işlemi için kullandım, teşekkürler
YanıtlaSil