javascript - ajax responseText 显示为文本,而不是 html

标签 javascript html ajax xmlhttprequest

我有以下问题。

我的表格包含显示有关文章的简单信息的行。如果你点击一个标签,一个新的 <tr>被插入。

在那<tr>显示信息。但问题是,它的显示就像您在编辑器中查看 html 文档一样。

像这样: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-32" /> <title>Untitled Document</title> <link href="css/test2.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="search.js"> .......

不像通常那样“翻译”html。

我使用的代码:

function doDetail(articlenr)
{
    if (window.XMLHttpRequest)
    {
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        xmlhttp=new ActiceXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            var partr = document.getElementById("tr"+articlenr);
            var newtr = document.createElement("TR");
            var newtd = document.createElement("TD");
            var content = document.createTextNode(xmlhttp.responseText);
            newtr.setAttribute('id', "det"+articlenr);
            newtd.colSpan = 8;

            newtd.appendChild(content);
            newtr.appendChild(newtd);
            partr.parentNode.insertBefore(newtr,partr.nextSibling);
        }
    }

    xmlhttp.open("GET","showdetail.php?nr="+articlenr,true);
    xmlhttp.send();
}

如何解决?

最佳答案

ajax responseText displayed as text, not html

是的,您明确地用这一行这样做:

var content = document.createTextNode(xmlhttp.responseText);

...然后将该行附加到 newtd

如果您希望将文本解析为 HTML,可以将其分配给元素的 innerHTML 属性。例如:

newtd.innerHTML = xmlhttp.responseText;

关于javascript - ajax responseText 显示为文本,而不是 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20823592/

相关文章:

javascript - 如何像在 python 中那样发送请求并返回站点响应?

javascript - 为什么套接字会发出多次?

javascript - 带有 mod_rewrite 搜索词的 Google 自定义搜索

javascript - 为什么要使用额外的输入元素来创建内部网站搜索框(和)

ajax - 使用ajax添加优惠券时如何禁止购物车页面显示优惠券通知?

javascript - 如何在codeigniter中获取特定的ajax结果

javascript - 谷歌地图 API v3 : Initial View is Fine but Gray Box with No Map if View is changed

javascript - 覆盖 Bootstrap 表选中的行背景颜色

javascript - 如何让网页上的每个用户实时查看和编辑 HTML Canvas ?

javascript - 通过 ajax 以 Yii2 形式传递附加数据