Merhaba arkadaşlar şuan üzerinde uğraştığım scriptim de 3 adet post değeri bulunuyor;

  • Sayfa Başlığı

  • Sayfa İçeriği

  • Sayfa Tarihi


Bunları Ajax ile veri ekleme sayfasında kaydediyorum ve işlem başarıyla gerçekleştiriliyor. Ancak herhangi bir değişiklik yapmadan kaydetmek için butona tıkladığımda veriyi 1 kez daha eklemek yerine aynı anda iki kere ekliyor.
Yani;
Sayfa id ilk eklediğimde 1 olarak veritabanına kaydediliyor ise 2. kez butona tıkladığımda id 2 oalrak ikince kez kaydedilmiyor da 2 ve 3 şeklinde 2 satır daha kaydediliyor.

-Butona 1. tıklayışım-


-Butona 2. tıklayışım-





$(document).ready(function()
{
$("#form-msg").hide() ;
$("#simple-post").click(function()
{
$("#ajaxform").submit(function(e)
{
$("#form-msg").html("
");
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax(
{
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
if($("#ajaxform").attr("data-rel") == "reset"){
document.getElementById("ajaxform").reset();
$("#form-msg").show(300) ;
$("#form-msg").html('
'+data+'
');
$("body").click( function() { $("#form-msg").hide(400); });
}
else{
$("#form-msg").show(300) ;
$("#form-msg").html('
'+data+'
');
$("body").click( function() { $("#form-msg").hide(400); });
}
},
error: function(jqXHR, textStatus, errorThrown)
{
$("#form-msg").fadeIn(300) ;
$("#form-msg").html('
AJAX Request Failed
textStatus='+textStatus+', errorThrown='+errorThrown+'
');
$("#form-msg").click( function() { $(this).slideToggle(); });
$("body").click( function() { $("#form-msg").fadeOut(500); });
$("#form-msg").fadeOut(8000) ;
}
});
e.preventDefault(); //STOP default action
e.unbind();
});
$("#ajaxform").submit(); //SUBMIT FORM
});
});