casperjs - casperjs click() 一个表单元素来提交，等待，在下一页运行查询？

Question

我想点击一个提交按钮，等待下一页加载，然后在第二页上获取 html。我开始，然后运行，但 then 步骤仍然在第一页上运行。有任何想法吗？

var casper = require('casper').create();
var site = 'http://www.example.com';
var data = {}; 

casper.start(site, function() {
     this.evaluate(function() {
        $('input[type="submit"]:first').click();
    }); 
});

casper.then(function() {
    data.body = this.evaluate(function() {
        var rows = $('#content table:first tbody tr');
        var listings = rows.eq(3).text();
        var count = rows.eq(4).text();
        return {
            listings: listings,
            count: count
        };  
    }); 
});

casper.run(function() {
    this.echo(data.body.listings);
    this.exit();            
});

Answer 1

这只能部分解决您的问题，但您可以使用 waitFor 确认您已进入第二页。例如：

this.waitFor(function check() {
    return (this.getCurrentUrl() === PAGE_2_URL);
},
function then() { // step to execute when check() is ok
    this.echo('Navigated to page 2', 'INFO');
},
function timeout() { // step to execute if check has failed
    this.echo('Failed to navigate to page 2', 'ERROR');
});

Answer 2

使用 waitForResource 来等待页面加载完成是个好主意，请参阅此处的文档文档

例子：

casper.waitForResource(function checkAuth(validcredentials) {
                    return validcredentials;
                }, function onReceived() {
                    if (authTitle !== this.getTitle()) {
                        this.log('Autenticação realizada com sucesso, aguarde...');
                    } else { 
                        // this.capture('pic3.png');
                        this.log('Usuario ou senha invalidos!', 'ERROR');
                        this.die('User or password invalids!', 1); }
                });

Answer 3

双击有类似的问题。确保实际触发了 click 事件。我怀疑这是在相同内容中运行下一步的原因。