javascript - jQuery 是否支持对从 ajax 调用中检索到的数据进行 html 转义？

Question

大多数 MVC 框架都支持在将服务器数据放入网页之前转义它们。我在 jQuery 的 ajax 方法中找不到任何选项来做同样的事情。事实上，我什至找不到一个本地 jQuery 函数来转义字符串以在页面上正确显示(将内容放在 div 中，然后调用 .html()在它上面，不能保证保留空白)。为什么这个函数在 jQuery 中不可用，但您可以在 underscore 和 prototype 库中找到它？

Answer 1

我想你的意思是你想防止 HTML 标记(例如 <br/> 、 <a> 、 & )被视为 HTML 标记:你只是想直接向用户显示它。这有助于防止 XSS(跨站点脚本)等攻击。

这实际上使用 jQuery 非常容易，但它与转义不同。它只是使用 text 方法，这意味着内容被视为文本内容，而不是标记。

$.ajax({
    url: 'someurl',
    success: function(data) {
        $('#yourElement').text(data);
    }
});

客户端和服务器端的工作方式不同。在服务器端工作，您正在处理标记，需要对其进行转义以停止解析器将应为文本的内容视为标记。在客户端，标记已经被解析，所以你只需要告诉浏览器“这是文本内容”。这可以通过多种方式完成( innerText ， document.createTextNode ，甚至 document.createCDATASection )； jQuery 的 data方法为您做这件事。