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

时间:2012-12-22 12:06:17

标签: javascript jquery

很抱歉,如果我的问题令人困惑,目前我的工作正常:

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

但这只是替换我的div的内容与.load()函数返回的数据,我想追加数据到我的div而不是只是替换。 提前谢谢。

4 个答案:

答案 0 :(得分:4)

您可以使用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");
    };
}

答案 1 :(得分:3)

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

答案 2 :(得分: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);
    }
});

答案 3 :(得分:0)

试试这个:

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