渲染从后台获取到的整个HTML页面

最新推荐文章于 2026-03-26 15:34:18 发布

原创最新推荐文章于 2026-03-26 15:34:18 发布 · 1.2w 阅读

6 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

14 篇文章

订阅专栏

10 篇文章

订阅专栏

本文介绍了一种通过后台返回HTML动态页面数据，并由前端进行渲染的方法。具体实现中使用了JavaScript来处理转义字符，确保页面能正确显示。此方法适用于需要在前端展示动态生成的HTML内容的场景。

场景：后台返回整个动态的html页面，前端通过获取渲染出来，进行转义解析
实现方式：
通过接口获取返回的html的数据，document.getElementById(“container”).innerHTML = this.decodeUnicode(接口返回的数据);
js方法

decodeUnicode(str) {
      str = str.replace(/\\/g, "%");
      //转换中文
      str = unescape(str);
      //将其他受影响的转换回原来
      str = str.replace(/%/g, "\\");
      //对网址的链接进行处理
      str = str.replace(/\\n/g, "");
      str = str.replace(/\\t/g, "");
      str = str.replace(/\\/g, "");
      return str;
    }

对html进行解析，因为好多转义符，所以需要一个个解析出正确的内容