如何使用 cheerio 获取数据？当我在页面源数据中看到是空的，但是当我在检查元素中看到时，我看到了数据

Question

我希望你关心。在另一个网站上抓取数据时遇到问题。这是我的情况，当我在页面源数据中看到时是空的，但是当我在检查元素中看到时，我看到了数据。如果你不明白，请看这些图片，首先在 inspect element 中，然后在 view page source

这是我的代码

const request = require('request');
const cheerio = require('cheerio');
const url = "https://pikobar.jabarprov.go.id/"

request(url, (error, response, html) => {
   let $ = cheerio.load(html);
   $('b').each((i, element) => {
      let omg = $(element).text();
      console.log(omg);
   });
});

这是我的结果

我要文字388

Answer 1

如果你看到文档来源（Ctrl+U），这个元素真的是空的。那是因为它随后被 Ajax 请求填充。如果您转到“网络”选项卡并重新加载，您将看到正在传输的所有文件。您要查找的 url 是 https://covid19-public.digitalservice.id/api/v1/rekapitulasi/jabar?level=prov，其中包含您要查找的数据。

fetch("https://covid19-public.digitalservice.id/api/v1/rekapitulasi/jabar?level=prov")
  .then(r => r.json())
  .then(d => console.log(d.data.content.positif))

如何使用 cheerio 获取数据？当我在页面源数据中看到是空的，但是当我在检查元素中看到时，我看到了数据

how to get data with cheerio? when i see in page source data is empty, but when i see in inspect element i see the data

javascript

node.js

web-scraping

ecmascript-6

cheerio