$(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);
}
})
}
}); 