javascript - 我如何处理 Casperjs 中涉及模式弹出窗口的异步请求？

Question

尝试遍历打开模式弹出窗口的链接列表时，我遇到了 Javascript 的异步特性问题。我可以遍历链接，我可以让 Casperjs 单击所有链接。弹出窗口打开得很好(我需要保存该弹出窗口的内容)。但是，我的代码导致 Casperjs 每隔几个链接就会跳过一次——我怀疑这是因为延迟。我需要确保单击每个链接并保存每个弹出窗口。非常感谢任何提示!

我知道 Casperjs wait 和 waitForSelector 函数，但无论我把它们放在哪里——它仍然会跳过一些弹出窗口。我想这种行为的原因是延迟，但增加/减少等待值和我告诉 casperjs 等待的地方没有帮助。

this.then(function(){
    x = 0;
        this.each(links,function(self,link){
        // I only need links that contain a certain string
        if(link.indexOf('jugyoKmkName')>=0) {
            var coursetitle = linktexts[x];
            this.clickLabel(linktexts[x], 'a');
               this.wait(2000, function() {
                var coursetitleSplit = coursetitle.split(' ');
                var courseid = coursetitleSplit[0];

                //this logs the title and id in a file. Works perfectly
                var line = courseid+'   '+coursetitle+' \\n';
                        fs.write('/myappdirectory/alldata.txt', line, 'a');

                //this logs the popup contents -- but it's completely out of sync
                var courseinfo = this.getElementInfo('.rx-dialog-large').html
                fs.write('/myappdirectory/'+courseid+'.html', courseinfo, 'w');
            }); 
        } 
        x++;
     }); 
});

我在这里记录了两件事——运行日志文件中的链接文本(和一些更多信息)。这工作正常——它正确地捕获了每个链接。链接文本包含一个唯一 ID，我将其用作保存弹出内容的文件名。这仅适用于每第 n 个弹出窗口 - 弹出内容和 ID 不同步。

准确地说:列表中的前 10 个 id 是:

20000 -- 用这个id保存，但是包含popup 20215的数据 20160 -- 用这个id保存，但是包含弹窗20307的数据 20211 -- 用这个id保存，但是包含弹窗20312的数据 20214 ...等(保存，但从列表下方的 ID 方式弹出) 20215 20225 20235 20236 20307 20308

显然，我需要文件 2000.html 来保存 ID 为 20000 的弹出窗口的内容，20160 的内容为 20160 等。

Answer 1

据推测，this.each(links,...) 将同步运行回调，而不是等待每个 this.wait() 调用完成。相反，您需要等到将数据写入文件系统后再处理下一个链接。请考虑以下代码:

this.then(function() {
  function processNthLink(i) {
    var self = this;
    var link = links[i];

    if (link.indexOf('jugyoKmkName')>=0) {
      var coursetitle = linktexts[i];
      self.clickLabel(linktexts[i], 'a');
      self.wait(2000, function() {
        var coursetitleSplit = coursetitle.split(' ');
        var courseid = coursetitleSplit[0]; 
        var line = courseid+'   '+coursetitle+' \\n';
        fs.write('/myappdirectory/alldata.txt', line, 'a'); 
        var courseinfo = self.getElementInfo('.rx-dialog-large').html
        fs.write('/myappdirectory/'+courseid+'.html', courseinfo, 'w');

        if (i < links.length) {
          processNthLink(i+1);
        }
      }); 
    } else if (i < links.length) {
      processNthLink(i+1);
    }
  }

  processNthLink(0);
});

在这种情况下，只有在超时和写入 FS 完成后才会处理下一个链接。如果链接不包含预期的字符串，则立即处理下一个链接。