casperjs click()一个表单元素,用于提交,等待,在下一页运行查询?

时间:2012-08-19 04:45:01

标签: casperjs

我想单击一个提交按钮,等待下一页加载,然后在第二页上获取html ..我开始,然后运行,但后面的步骤仍在第一页上运行。有什么想法吗?

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();            
});

3 个答案:

答案 0 :(得分:14)

这只能部分解决您的问题,但您可以确认已使用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');
});

答案 1 :(得分:4)

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

示例:

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); }
                });

答案 2 :(得分:1)

我在使用doubleclick时遇到了类似的问题。确保实际触发了click事件。我怀疑这是在同一内容中运行下一步的原因。