javascript - 不更新模态主体

Question

我的页面上有一个空模式，我正在执行如下 ajax 调用(简化阅读)

function returnIt(x)
{
    $.ajax({
    type:"POST",
    url:"link",
    data:{id:"123"},
    success: function(data)
        {
        data=JSON.parse(data);
        var content=document.getElementById("returnItModalBody").innerHTML;
        for(var i=0;i<data.length;i++)
            {
            if(data[i]["nick"]==1)
               content+="<p>"+data[i]["upd"]+"</p>";
            else
               content+="<p>"+data[i]["upd"]+"</p>";
            }
        alert(content);
        $("#returnItModal").modal('show');
        }
     });
}

当我告诉脚本用 content 发出警报时，它显示它应该以模式显示。当模态窗口打开时，其主体中没有任何内容。

我在这里缺少什么？

谢谢

Answer 1

var content=document.getElementById("returnItModalBody").innerHTML;

将 innerHTML 的值(字符串)复制到 content。

content+="<p>"+data[i]["upd"]+"</p>";

然后将一个新字符串分配给content

alert(content)

然后查看content中的字符串

<小时/>

你永远不会改变innerHTML。

如果您想更改innerHTML，那么您必须为其分配一个新值。