Merhaba sevgili meslektaşlarım.
Bugün değişik bir durumla karşı karşıya kaldım;
Basit bir formda resim ve metin verilerini ajax ile PHP dosyasına post ettirdim. Bunu biraz açmak istiyorum çünkü burası önemli.
Form şu şekilde;
Firmaların ilan eklemesi için oluşturduğum formda "düzenle" adını verdiğim butona tıklanıldığında formun hemen yanında ilan yayınlandığında nasıl görüneneceği ile ilgili bir php dosyasını include ettiriyorum böylece kullanıcı her bir inputu doldurduğunda eğer butona tıklarsa ilanının nasıl göründüğüne bakabiliyor. Ne yazıkki ilanda resimde bulunmakta ve resim metin verilerinin formunun haricinde başka bir form ile post ediliyor diğer türlü kullanıcı her butona bastığında resmi yeniden post ettirmek zorunda kalacaktım. İşte problemde tam burada başlıyor.
Eğer kullanıcı önce metin post ettirir ve sonra resim post ettirirse resim post etme fonksiyonu çalışmıyor.
Ama ilk önce resim daha sonra metin post ettirirse her şey sorunsuz çalışıyor.

Bana yardımcı olabilir misiniz?

<script>
function ajax_ilan_ekle(){
var veriler = $('#ajax_ilan_ekle_form').serialize();
$.ajax({
type: "POST",
url: "post/ajax/ilan_ekle.php",
data: veriler,
success:function(cevap){
$("#ajax_ilan_ekle_sonuc").html(""+cevap);
}
})
var divObject=document.getElementById('butona_bas');
divObject.style.display="none";

};

</script>
<script>

function ajax_resim_degistir(){
var divObject=document.getElementById('deneme1');
divObject.style.display="block";
$(document).on("submit", "form", function (e) {
var $data = new FormData(this);
$.ajax({
url: "post/ajax/ilan_resim_ekle.php",
data: $data,
//dataType: "JSON",
contentType: false,
processData: false,
type: "POST",
success: function (xhr) {
$("#ajax_ilan_ekle_sonuc").html(xhr);
var divObject=document.getElementById('butona_bas');
divObject.style.display="none";
var divObject=document.getElementById('deneme1');
divObject.style.display="none";
}
});
});
}
</script>