Question

我有两个post方法，一个获取信息，另一个将信息添加到同一个数据库。现在我希望其他post方法在为其添加新数据后获取信息。这是我的第一个POST方法：

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

这是我的第二个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("");
        });
    }
});

换句话说，如何只在一个div中显示更新的数据库信息，而不刷新整个页面，也不重复我的代码。

Answer 1

您可以创建一个更新 #rightBody 的函数，然后在两个实例中调用它。

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

刷新页面上的数据库信息而不刷新同一页面

1 个答案: