Response.text 总是返回字符串，其内容类型取决于服务器响应头的 Content-Type；应通过检查 headers.get('content-type') 判断是 HTML 还是纯文本，再选择 DOMParser 解析或直接使用。
用 Response.text 获取响应内容时，它**总是返回字符串**，不区分纯文本还是 HTML —— 关键在于服务器实际返回的内容类型（Content-Type）和你如何使用这个字符串。
Response.text 返回的是原始响应体的字符串解码结果
Response.text() 方法会读取响应流，按响应头中的 charset（如 utf-8）或默认编码（通常是 utf-8）将字节解码为字符串。它不做格式判断，也不解析 HTML 结构。
- 如果服务器返回的是纯文本（
Content-Type: text/plain），response.text()就是普通字符串，比如"Hello, world" - 如果服务器返回的是 HTML（
Content-Type: text/html），response.text()就是完整的 HTML 源码字符串，比如"<h1>Hi</h1>" - 即使
Content-Type缺失或错误，text()仍会尝试用 UTF-8 解码；若失败，可改用response.arrayBuffer()手动处理
如何判断拿到的是 HTML 还是纯文本
不能单靠 response.text() 的返回值判断，而应优先检查响应头：
- 用
response.headers.get('content-type')获取类型，再用.includes('html')或.includes('plain')粗略判断 - 对返回字符串做轻量级检测：例如开头是否含
/code>、<code>、<code> 等标签（注意：不严谨，仅作辅助） - 避免仅凭文件扩展名（如
.htmlvs.txt）判断，URL 路径可能有误导
获取后怎么安全使用
拿到 text() 字符串后，用途决定后续操作：
- 想渲染 HTML？用
element.innerHTML = htmlString，但要确保来源可信，否则有 XSS 风险 - 想提取文本内容？可用 DOMParser 解析 HTML 后调用
textContent，或对纯文本直接处理 - 想结构化解析 HTML？推荐用
DOMParser：const doc = new DOMParser().parseFromString(htmlString, 'text/html');const title = doc.querySelector('title')?.textContent; - 只是日志或展示？直接赋值给
textContent最安全，自动转义 HTML 特殊字符
常见误区提醒
Response.text() 不等于“自动识别格式”，也不是“HTML 解析器”：
- 它不会把 HTML 字符串自动变成 DOM 节点 —— 那是
DOMParser或innerHTML的事 - 它不会帮你过滤脚本或清理 XSS —— 必须自己做输入校验或输出转义
- 不要在未 await 的情况下链式调用：
response.text().then(...)是正确写法，response.text().split(...)会报错（因为返回的是 Promise）
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
