Merhaba arkadaşlar, bu jquery post amator bir postdur yani fazla kod kalabalığı vardır. Ama benim amacım sizlere yolu göstermek, yolda yürümek sizin işiniz. Bu formu nasıl daha prof yapabilirdik onuda anlatacak olursak ;
1 Tek tek input valuelerini almaktan ziyada each ile topluca alabilirdik.
2 E posta kontrolu yaptırabilirdik
3 jQuery post yaparken serialize(); ile değerleri gönderebilirdik.
4 Post edilirken yükleiyor tarzı bir resim gösterebilirdik.
Ama şimdi yaptığımız kısımları anlatıyorum.
Şimdilik bu kadar, sömürgeci olmamanız ve blogumda (fikir/duygu/düşünce)lerinizi belirtmeniz dileğiyle
Uygulama Ön izleme / Uygulamayı indir
Konu anlatım = jQuery ile veri göndermek/almak (POST)
1 Tek tek input valuelerini almaktan ziyada each ile topluca alabilirdik.
2 E posta kontrolu yaptırabilirdik
3 jQuery post yaparken serialize(); ile değerleri gönderebilirdik.
4 Post edilirken yükleiyor tarzı bir resim gösterebilirdik.
Ama şimdi yaptığımız kısımları anlatıyorum.
Şimdilik bu kadar, sömürgeci olmamanız ve blogumda (fikir/duygu/düşünce)lerinizi belirtmeniz dileğiyle
PHP:
$(document).ready(function(){
// gonder class'li buton click edildiginde yani tiklanildiginda
$('.gonder').click(function(){
// Formun icindeki inputlarin verilerini kontrol icin tek tek aliyoruz.
// Normalde bu kontrolu each ile alip ugrasmadan ekrana hata mesajları gösterebilirdik ama kafa karıştırıcı olmasın diye böyle anlatıyorum.
var adi = $('#adi').val();
var eposta = $('#eposta').val();
var mesaj = $('#mesaj').val();
//Verileri aldik, şimdiki işimiz uzun yoldan verileri tek tek kontrol etmek : )
//Girilen isim 3 karakterden buyukse devam et
if(adi.length > 2)
{
// Girilen e-posta 5 karakterden buyuk ise devam et
if(eposta.length > 5)
{ // Girilen mesaj 6 karakterden buyuk ise devam et.
if(mesaj.length > 6)
{
/**
* Asil isimiz burada arkadaşlar Post işlemine başlıyoruz
* $.post = jquery ile post etmeye basliyoruz
* "mailGonder.php" = verileri gondereceginiz sayfanin url'sinii yaziyorsunuz
* {adi:adi,eposta:eposta,mesaj:mesaj} = burasi ise aldigimiz verileri tek tek gonderiyoruz,
* Bu kisim cok amator oldu ama serialize'ye gecmeden once bu sekilde anlatmak istedim.
* function(donenVeri){alert(donenVeri);} = Bu kisim ise post edilen sayfadan geri donen cevabtır.
**/
$.post("mailGonder.php",{adi:adi,eposta:eposta,mesaj:mesaj},function(donenVeri){
alert(donenVeri);
});
}else
alert("Lütfen mesaj\u0131n\u0131z\u0131 giriniz");
}else
alert("Lütfen email adresinizi giriniz.")
}else
alert("Lütfen ad\u0131n\u0131z\u0131 ve soyad\u0131n\u0131z\u0131 giriniz.");
});
});Uygulama Ön izleme / Uygulamayı indir
Konu anlatım = jQuery ile veri göndermek/almak (POST)
