我如何将数据从 vanilla JS 中的新闻 api 传递到详细信息页面？

Question

我正在使用 vanilla JS 从新闻 api 中获取 json 数据。我为获取的信息创建了预告片。当我点击其中一个预告片时，我需要传递一个 ID，并根据该 ID 将一些内容传送到另一个“详细信息页面”。接收数据如下所示：

[{"id":6657824,"title":"Britische Medienaufsicht: 16 Prozent der britischen Kleinkinder schon auf Tiktok","synopsis":"Eine Studie der britischen Medienaufsichtsbehörde Ofcom zeigt, dass 16 Prozent der 4- bis 5-Jährigen bereits Videos der Kurzvideoplattform Tiktok ansehen.","meta":{"pubDate":"2022-03-30T17:36:00+02:00"},"image":{"src":"https://heise.cloudimg.io/v7/_www-heise-de_/imgs/18/3/4/4/4/7/9/9/shutterstock_576828061.jpg-4a293722ddae462b.jpeg?org_if_sml=1&q=70&width=3800","width":"3800","height":"2135","alt":"Kind schaut im Dunkeln auf ein beleuchtetes Display"}}]

生成我的预告片 + 阅读更多按钮的 JS 代码如下所示：

        const detail = document.createElement('a');
        const linkText = document.createTextNode("Mehr erfahren");
        detail.appendChild(linkText);
        detail.href = loadNews();
        detail.target="_blank";
        newNews.appendChild(detail)

Answer 1

您可以将相关信息作为查询参数传递，例如href = "link/to/detail-page.html?id=6657824"。并通过 new URLSearchParams(location.search).get("id").

在下一页阅读

如果您想在下一页检索它而不再次获取它们（例如，当服务器无法发送正确的缓存 headers.)

我如何将数据从 vanilla JS 中的新闻 api 传递到详细信息页面？

How can I pass data to a detailpage from a news api in vanilla JS?

javascript

api