不更新模态主体

时间:2018-08-01 12:18:50

标签: javascript ajax

我的页面上有一个空的模式,正在执行如下所示的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发出警报时,它表明它应该以模式显示。 当模式打开时,其主体中什么也没有。

我在这里想念什么?

谢谢

1 个答案:

答案 0 :(得分:2)

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

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

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

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

alert(content)

然后您查看content

中的字符串

您从不更改innerHTML

如果要更改innerHTML,则必须为其分配一个新值。

相关问题