$(document).ready(function(){

$('#post_form').on('submit', function(event){
event.preventDefault();

if($('#post_content').val() == ''){
alert('Enter Story Content');
}else{
var form_data= $(this).serialize();
$.ajax({
url:"action.php",
method:"POST",
data:form_data,
success:function(data){

alert('has been shared');
$('#post_form')[0].reset();

}
})

}

});
});

yukardaki kodun yaptığı iş çok basit form verilerini action.php ye gönderip formu veritabanına kaydediyor ancak video dersin ilerleyen aşamasında bu kodun arasına bu aşşağıdfaki kodu ekliyor .

function fetch_post()
{
var action = 'fetch_post';
$.ajax({
url:'action.php',
method:"POST",
data:{action:action},
success:function(data)
{
$('#post_list').html(data);
}
})
}

yukarda #post_list divine verileri çekiyor anlıyorum ama zaten ajaxla yukarda form verilerini action php ye yollamıştım bu kullanılan ajax_post veri gönderiyosa bu fetch post fonksiyonu içinde tekrar ne gönderiyor ? ?



bu arada kodun tastamam hali şu şekilde



$(document).ready(function(){

$('#post_form').on('submit', function(event){
event.preventDefault();

if($('#post_content').val() == ''){
alert('Enter Story Content');
}else{
var form_data= $(this).serialize();
$.ajax({
url:"action.php",
method:"POST",
data:form_data,
success:function(data){

alert('has been shared');
$('#post_form')[0].reset();

}
})

}

});

function fetch_post()
{
var action = 'fetch_post';
$.ajax({
url:'action.php',
method:"POST",
data:{action:action},
success:function(data)
{
$('#post_list').html(data);
}
})
}





});