如何從網站抓取動態 JavaScript 產生的資料？

如何從網頁擷取 JavaScript 產生的資料

當頁面內容由 JavaScript 動態產生時，網頁抓取可能會很困難。 http://vtis.vn/index.aspx 遇到了這樣的場景，其中所需的資料（“Danh sách chậm”）只有在單擊按鈕後才可用。

使用 PhantomJS 的解決方案

要以程式設計方式檢索此數據，請考慮使用 PhantomJS，這是一個帶有 JavaScript 的無頭 WebKit 瀏覽器能力。 PhantomJS 支援瀏覽器互動腳本，可讓您模擬點擊按鈕並隨後存取渲染的資料。

範例腳本：

var page = require('webpage').create();

page.open('http://vtis.vn/index.aspx', function() {
  page.evaluate(function() {
    // Click the "Danh sách chậm" button
    document.querySelector('button[onclick="DanhSachCham();"]').click();
  });

  // Wait for the data to load
  setTimeout(function() {
    var data = page.evaluate(function() {
      // Extract the data from the page
      return document.querySelector('div[id="DivDanhSachTTHT"] tbody').innerHTML;
    });
    console.log(data);
  }, 1000);
});

替代方法：使用API​​

如果可能，探索頁面是否做

如果可能，探索頁面是否做了任何建議使用Ajax 呼叫來檢索資料。如果是這樣，就有可能避免抓取，而是與 API 互動以直接取得資料。這種方法通常比抓取更穩定且可維護。

以上是如何從網站抓取動態 JavaScript 產生的資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！