如何使用 JavaScript select 来自 Mule API html 响应的特定标签？

Question

我有一个 Mule 应用程序，其中 returns 一个 html 文档 作为文本，该文档包含 <tr/> 和 <td/> 标签，其中包含我要访问的信息。如何 select 来自 Mule API html response 的特定标签？

async function getTag(env, val) {
    try {
        let hashes = await fetch(`/admin/api/html/ref/${env}/${val}`)
            .then(res => { return (res.text()) })
            .then(data => {
                let count = 0
                console.log(data)
            })
    } catch (error) {
        console.log(error)
    }

Answer 1

如果我没理解错的话，您想解析由 API 调用返回的 html 文本并从中检索一些信息吗？

如果是，您需要使用 DOMParser 对象来解析 html 响应，然后按照您喜欢的方式进行处理。

这是一个例子

var parser = new DOMParser();
var htmlDoc = parser.parseFromString(txt, 'text/html');
 // do whatever you want with htmlDoc.getElementsByTagName or using htmlDoc.querySelector

在你的情况下你想要所有的 <td> 所以你做类似

// use any selector you would like
var info = htmlDoc.querySelectorAll("tr");

参考： DOMParser - Mozilla

如何使用 JavaScript select 来自 Mule API html 响应的特定标签？

How to select specific tags from Mule API html response using JavaScript?

javascript

xml

mule

fetch

dom-manipulation