后端返回html文件类型，前端进行转换

阳光雨滴

已于 2023-06-11 16:05:58 修改

阅读量1.8k

点赞数 1

文章标签： javascript vue.js 开发语言

于 2023-06-11 15:56:10 首次发布

本文链接：https://blog.youkuaiyun.com/bbkhhvv/article/details/131154055

版权

文章讲述了如何使用jQuery来处理后端返回的带有标签的数据。首先创建一个盒子元素，然后获取其ID，接着将后端返回的数据解析成DOM元素，从中提取文本内容，并赋值给盒子的innerHTML，以在页面上展示。此外，还提到了需先安装jQuery并将其引入到Vue项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当后端返回的是这种有标签类型的数据，需要前端进行处理，进而页面展示，我使用的是jquery进行处理，下面请看代码

//创建一个盒子
<div id='box'></div> 


 //获取盒子的id
 var box = document.getElementById('box')
 var content = res.data.data.content //这块是后端给你返回的数据，根据自己情况进行书写
 var dom = $.parseHTML(content); //解析字符串content并将解析结果转换为DOM元素对象
 var plainText = $(dom).text()；//从dom中提取指定DOM元素的文本内容
 box.innerHTML = plainText //赋值就可以了


 //使用jquery前请先下载juqery,npm install jquery
 //然后全局进行引入，就可以了
   import $ from  'jquery'
   Vue.prototype.$ = $