javascript - 如何使用 javascript 将 .load() 函数中的数据附加到 div？

Question

对不起，如果我的问题令人困惑，目前我得到了这个工作：

success: function(json) {
            $('.msgWrapper').load('http://localhost:88/TicketSystem/support/ajaxmsg', {date: json.date, msg: json.msg}).fadeIn("slow");
        }

但这只会用 .load() 函数返回的数据替换我的 div 的内容，我想将数据附加到我的 div 而不仅仅是替换。提前致谢。

Answer 1

您可以使用 jQuery AJAX 速记post方法并获取数据，然后只需附加到您的元素：

success: function(json){
    $.post('http://localhost:88/TicketSystem/support/ajaxmsg', { date: json.date, msg: json.msg }, function(data){
        var newData = $('<div>').html(data);
        $('.msgWrapper').append(newData);
        newData.hide().fadeIn("slow");
    };
}

Answer 2

var $temp = $('<div>').load('http://localhost:88/TicketSystem/support/ajaxmsg', {date: json.date, msg: json.msg});
$('.msgWrapper').append($temp.html()).fadeIn("slow");

Answer 3

我只是发送 POST 请求并手动附加：

$.ajax({
    url: 'http://localhost:88/TicketSystem/support/ajaxmsg',
    type: 'post',
    data: {
        date: json.date,
        msg: json.msg
    },
    success: function(response) {
        $('.msgWrapper').append(response);
    }
});

Answer 4

试试这个：

$(".msgWrapper").append($("<div>").load('http://localhost:88/TicketSystem/support/ajaxmsg', {date: json.date, msg: json.msg}).fadeIn("slow");