javascript - jQuery ajax 代码将脚本加载为文本，但某些代码正在处理

Question

我正在编写一段代码，它正在做一些有趣的事情。我为一个网站编写了此代码，该网站正在从 XML 文件加载 url，并将服务器端文件中的代码插入到 pre 标记中，作为显示我为类开发的代码的一种方式。该 block 对于 Python 和 MEL 脚本都工作得很好，但是当我尝试加载我作为该类的副项目开发的站点本身的脚本(javascript 和 xml)时，它会尝试评估其中的部分内容。具体来说，就是代码内部的 HTML 标签。我不确定如何阻止这种情况发生。我拥有这个并不是非常重要，我只是想向潜在的 future 雇主展示我所做的工作，这些工作超越了类的其他人。我对这个网站感到非常自豪。

id = $(this).attr("id");
$("#"+location+"_code").append("<a href='"+$(this).attr("src")+"' class='download' download/><dt>"+$(this).attr("title")+"</dt><dd><pre id='"+id+"'></pre></dd>");
$.ajax({
    url:$(this).attr('src'),
    dataType: "text",
    async: false,
    success: function(data) {
        $("#"+id).append(data);
    }
});

如何防止浏览器将文本实际处理为非文本？我真的希望这只会将代码显示为直字符串。我考虑过使用 textarea 而不是 pre，但这只会导致许多我不想处理的其他问题。有什么建议吗？

Answer 1

您需要对结果进行 HTML 编码，以便它显示为文本。试试这个:

var $result = $('<div/>').text(data);
$('#' + id).append($result);