Actualiser les informations de la base de données sur la page sans actualiser la même page

Question

J'ai deux méthodes de post l'une obtient des informations et l'autre ajoute des informations à la même base de données. Maintenant, je veux que l'autre méthode de post pour obtenir des informations après avoir ajouté les nouvelles données pour cela. Voici ma première méthode POST:

$(".selectedMessageEmail").click(function(){ 
    var id = $(this).attr('id'); 
    $.post('messageSystem.php', {id, id}, function(result){ 
     $("#rightBody").html(result); 
    }); 
    show = id; 
}); 

Voici ma deuxième méthode POST:

$("#replyButton").click(function(){ 
    var getValue = $.trim($("#sendMessageTextArea").val()); 
    if(getValue != ""){ 
     $.post('messageReplySystem.php', {replyMessagePost : reply_form.send_message_text_area.value, show : show}, function(resultTwo){ 
      $("#sendMessageTextArea").val(""); 
     }); 
    } 
}); 

En d'autres termes comment afficher les informations de base de données mise à jour en une seule div sans rafraîchir la page entière et aussi sans dupliquer mon code.

Answer 1

Vous pouvez créer une fonction qui met à jour #rightBody, puis l'appelle dans les deux cas.

var show; 

function updateRightBody(id) { 
    $.post('messageSystem.php', {id, id}, function(result){ 
     $("#rightBody").html(result); 
    }); 
} 

$(".selectedMessageEmail").click(function(){ 
    var id = $(this).attr('id'); 
    updateRightBody(id); 
    show = id; 
}); 

$("#replyButton").click(function(){ 
    var getValue = $.trim($("#sendMessageTextArea").val()); 
    if(getValue != ""){ 
     $.post('messageReplySystem.php', {replyMessagePost : reply_form.send_message_text_area.value, show : show}, function(resultTwo){ 
      $("#sendMessageTextArea").val(""); 
     }); 
     updateRightBody(show); 
    } 
});