web-dev-qa-db-ja.com

casperjs click（）フォーム要素を送信、待機、次のページでクエリを実行しますか？

送信ボタンをクリックし、次のページが読み込まれるのを待ってから、その2番目のページで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();            
});
casperjs
17
tester

これで問題は部分的にしか解決されませんが、waitForを使用して2ページ目に到達したことを確認できます。例えば：

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');
});
14
Nate

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); }
                });
4
Rodrigo Andrade

ダブルクリックでも同様の問題があります。クリックイベントが実際に発生することを確認してください。これが同じコンテンツ内で次のステップを実行する原因だと思います。

1
user337620