javascript - 收到ajax响应时通知更新

Question

我有更新通知的方法，更新时返回通知数量和 json 类型的通知内容

{
    "friend_request": 4,
    "request": [{
        "user_id": "1",
        "picture": "/home/sepdau/",
        "name": "Le Chanh"},
    {
        "user_id": "2",
        "picture": "",
        "name": "Yii PHP"},
    {
        "user_id": "4",
        "picture": "13366396884.jpg",
        "name": "Minh Le"},
    {
        "user_id": "11",
        "picture": "",
        "name": "Thang Phan"}]
}​

当我收到通知时，我会更新成功的通知数量

function updateNotification(){        
    $.ajax({
        url: '/nevergiveup/index.php/site/updatenotification',
        type: "post",
        dataType: "json",
        success: function(data){            
            if(data.friend_request>0){
                $(".zingcounter").text(data.friend_request); //update number of nofitcation
                // load the template file, then render it with data
                var html = new EJS({url: '/nevergiveup/jstemplates/friend_request.ejs'}).render(data);
                //$("#frlist").append(html);
                //$(html).replaceAll('#replacehere');
                $('#replacehere').replaceWith(html); // update content of notification
            } 
            setTimeout(updateNotification,10000);
        },
        error: function(){
            setTimeout(updateNotification,10000);
        }
    });       
}

我使用 EJS 构建内容模板
我有一个<div id="replacehere">在这里替换我的内容
我用$('#replacehere').replaceWith(html);替换，但在 10 秒后第一次请求时成功
我看到 json 数据接收有新的内容，并且通知数量发生了变化，但内容没有变化。
收到新内容时如何更改它。

Answer 1

我猜你只需要使用

$('#replacehere').html(html);

否则它将删除#replacehere div...并且第二个请求将找不到它来将内容放入...