前端渲染后端返回的HTML格式的数据
warning:
这篇文章距离上次修改已过271天，其中的内容可能已经有所变动。
要在前端渲染后端返回的HTML格式数据，可以使用JavaScript的DOM操作来插入HTML内容。以下是一个简单的例子：
假设后端返回的数据是一个简单的HTML字符串：
<div>这是后端返回的HTML内容</div>前端JavaScript代码可以是这样的：
// 假设通过AJAX获取后端数据
fetch('/api/data')
.then(response => response.text()) // 假设后端返回的是文本
.then(htmlContent => {
// 使用DOM操作插入HTML
document.getElementById('content').innerHTML = htmlContent;
})
.catch(error => {
console.error('Error fetching data:', error);
});HTML部分：
<div id="content">这里将显示后端返回的内容</div>这段代码首先通过fetch函数获取后端的数据，然后将返回的文本内容设置到页面中id为content的元素的innerHTML属性中。这样就能够将HTML字符串渲染到页面上。
评论已关闭