如何使用 JavaScript 从 Mule API html 响应中选择特定标签？答案

【问题标题】：How to select specific tags from Mule API html response using JavaScript?如何使用 JavaScript 从 Mule API html 响应中选择特定标签？
【发布时间】：2019-09-08 11:00:05
【问题描述】：

我有一个 Mule 应用程序，它以文本形式返回 html 文档，该文档包含 <tr/> 和 <td/> 标记，其中包含我要访问的信息.如何从 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)
    }

【问题讨论】：

欢迎来到 StackOverflow。正如tour 中所述，此站点是有用问题及其答案的存储库，不是教程站点或帮助/讨论论坛。你忘了问一个问题。你有什么问题？请拨打tour，访问help center，尤其是阅读How to Ask和Why is “Can someone help me?” not an actual question?，了解如何有效地使用本网站。

标签： javascript xml mule fetch dom-manipulation

【解决方案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

【讨论】：