page.evaluate 等待 ajax 完成加载

Question

我正在用 nodejs 开发一个人偶脚本。它有一个 ajax 用于在该脚本中加载更多按钮。问题是，脚本不会等待 ajax 完成加载，从而让 page.evaluate 完成脚本而不等待 ajax 完成。我对新的承诺/等待有点困惑。有人可以帮我解决下面的脚本吗？

var result = await page.evaluate(({ stateSearched, areaSearched, pagePaginationNo }) => {
    function processThePage(){
        var itemResult = "testing"
        return {
            itemResult
        }
    }

    function loadMore(stateSearched,areaSearched,pagePaginationNo){
        $.ajax({
            url: "ajax.php",
            type: "GET"
        }).done(function (data) {
            if (nextPage == null) {
                lastResult = processThePage()
                return lastResult
            } else {
                loadMore(stateSearched,areaSearched,pagePaginationNo+1)
            }
        });
    }  

    loadMore(stateSearched,areaSearched,2)
})

Answer 1

您可以将 returns 和 Promise 的函数传递给 page.evaluate 函数，并在脚本完成后在内部调用 resolve。

代码示例

var result = await page.evaluate(() => new Promise(resolve => {
    // do all kind of asynchronous actions
    resolve(123);
}));
console.log(result); // 123

函数传递给 page.evaluate returns 一个承诺，在继续之前将等待解决。因此，您可以将任何异步代码放在 Promise 中。代码完成后调用 resolve。您传递给 resolve 函数的参数将返回给您的脚本。

page.evaluate 等待 ajax 完成加载

page.evaluate wait for ajax to finish loading

javascript

node.js

puppeteer