javascript - 在 Netflix 等文本框中输入时进行查询

Question

当您使用 netflix.com 中的文本框进行搜索时，URL 会根据您输入的内容自动更新。它更改为https://www.netflix.com/search?q=test 之类的内容。结果也会自动或实时更新。

我想知道这是怎么做到的。不是数据库查询部分，而是更多使用 GET 函数实时/自动更新结果。我想知道这是否可以使用 Node.js 和 javascript 来完成？我应该从哪里开始？

有点相关但不重要：我用小提琴代码看到了这个问题，但不包含数据库查询，也没有更新 URL。 问题

标签： javascriptnode.js

Answer 1

所有这些都是 JavaScript，但具体来说有两个部分。

首先，获取新数据，这是通过Fetch API完成的。（或者在较旧的站点上，XHR/AJAX。）使用此 API，客户端 JavaScript 可以向服务器发出 HTTP 请求并读取响应。服务器端使用什么（如 Node.js）并不重要……大多数东西都可以用于此目的。（尽管 Node.js 非常方便……这是我的首选方法，但您不必使用它。）使用响应数据，它被解析并注入到页面中，但是脚本想要这样做。

您要询问的第二部分是 URL 更改。这通常通过History API完成。这样，开发人员可以控制 URL 的内容。这允许用户为该特定页面添加书签以供以后使用。