j1.php
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
function form_kaydet(){
var sc = $('#form').serialize() ; //id si form olan form verilerini sc değişkenine atıyoruz.
$('#box-content').html('<div><img src="images/loading.gif" /></div>'); // İşlemler gerçekleştirilirken mesaj_div adlı etikette loading animasyonu döndürüyoruz.
$.ajax({
type: "POST", // kaydedilecek sayfaya form verilerinin gönderiliş metodunu yazıyoruz POST yada GET
url: "j2.php", // form verilerinin kaydedileceği sayfayı yazıyoruz.
data: sc, //form verilerinin bulunduğu sc değişkenini gönderiyoruz.
success: function(msg){ //form verileri gönderildiyse bu kısımda yazılacak işlemleri yazıyoruz
$('#box-content').html(msg); // bu satırda form_kaydet.php sayfasından dönen verileri mesaj_div id li etikete yazdırıyoruz.
$(':input','#form') // kötü niyetli kullanıcıların ve botların işlerini zorlaştırmak için kaydedilmiş verileri formdan temizliyoruz.
.not(':button')
.val('')
;
}
});
}
</script>
</head>
<div id="wrapper">
<div class="box">
<div class="box-header">sForm</div>
<div class="box-content">
<form id="form">
<p><label>Başlık</label><input id="baslik" lass="input-full" type="text" name="form" /></p>
<p><label>İçerik</label><textarea id="icerik" class="textarea-full" name="icerik"></textarea></p>
<p>
<input type="button" value="Gönder" onclick="form_kaydet();">
</p>
</form>
</div>
</div>
</div>j2.php
<?php
if ($_POST["form"]) {
//form verilerimizi normal "$_POST["isim"]" şeklinde alarak kaydedebiliriz.
echo "Form kaydedildi."; //bu koduda eğer kayıt işlemimiz başarılı olduysa kullanıcıyı form sayfasında bilgilendirmek ekrana basıyoruz.
}else{
echo "Form kaydedilemedi."; //veriler gelmediyse bu mesajı basıyoruz.
}
?>gondere basinca hic bisey olmuyor arkadaslar...
kaynak :
http://www.enisbrk.com/Jquery-ile-Form-Post.html