从 html 响应中解析数据

Gab*_*iel 5 parsing typescript angular

我正在通过 AngularGET向服务发送请求。我得到的响应是字符串中的 html。如何解析该字符串中的数据?WMSHttpClient

\n\n

响应如下所示:

\n\n
<html>\n<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>\n<body>\n<p>Temperature 16.6 \xc2\xb0C</p>\n<p>Temperature 18.2 \xc2\xb0C</p>\n</body></html>\n
Run Code Online (Sandbox Code Playgroud)\n\n

我需要获取段落标签内的值。我找到了仅通过指令显示数据的解决方案innerHtml,但这不是我的情况。

\n\n

编辑:

\n\n

我通过以下方式找到了一种可能的解决方案DOMParser

\n\n
const parser = new DOMParser();\nconst doc = parser.parseFromString(myHtmlStringResponse, "text/html");\nconst values = [];\n\nconst p = doc.getElementsByTagName("p");\n\nfor (const item of Array.from(p)) {\n     values.push(item.textContent);\n}\n
Run Code Online (Sandbox Code Playgroud)\n

And*_*suk 4

使用以下正则表达式从响应中删除所有 html:

\n\n
data.replace(/<(?:.|\\n)*?>/gm, '');\n
Run Code Online (Sandbox Code Playgroud)\n\n

其中 data 是您的响应字符串

\n\n

你会得到这个:

\n\n
Temperature 16.6 \xc2\xb0C\nTemperature 18.2 \xc2\xb0C\n
Run Code Online (Sandbox Code Playgroud)\n