如何使用 JavaScript 从外部链接搜索 html 文件？

Question

我对 Javascript 和一般编码非常陌生，并且有一个我真的很想从事的项目，但不知道从哪里开始，特别是第一步。 到目前为止，这就是我希望程序执行的操作：

1. 从四个外部链接访问/读取 html 文件（这是我使用 fetch() 的地方吗？您可以为此推荐任何软件包吗？）

2. 用户输入姓名列表

3. 为列表中的每个项目搜索 html 文件

4a。 如果有匹配，则 output 'match' 以及找到匹配的文件

4b。 如果不匹配，则 output '不匹配'

它是否比仅使用 HTML、CSS 和 JavaScript 更复杂？

先感谢您！

Answer 1

由于CORS 政策，您将无法在浏览器中从外部 url 获取数据

你应该做的是为它创建服务器端解决方案和 API。

服务器端解决方案应请求外部页面 HTML 代码，搜索单词并将结果发送回浏览器。

Answer 2

在浏览器中实现这一点的问题是由于跨域问题。 本质上，除非他们明确允许您这样做，否则您不允许 fetch() 或 XMLHttpRequest() 到其他域。 在此处查看 mdn 文档： https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

您可以使用 Node.js 来实现它，它允许您在桌面环境中运行 js。 如果您这样做，我建议您执行以下操作：

• 使用node-fetch做 HTTP 请求
• 使用cheerio解析数据

最好的问候， 开尔文