Casper单击链接，等待ajax响应

Question

我第一次尝试使用Casper，我想点击一个链接，等待ajax响应和获取一个元素的值，但我似乎无法理解它。到目前为止，这就是我所拥有的：

var casper = require('casper').create();
var phoneNumber = '';

casper.start('https://www.gumtree.com/p/3-bedrooms-rent/3-bed-mid-terrace-house-in-a-lovely-and-peaceful-part-of-hatfield-al10-area/1194478241', function() {
    this.waitForSelector( '[data-q="reply-panel-reveal-btn"]' );
});

casper.then(function() {
    casper.click( '[data-q="reply-panel-reveal-btn"]' );
});

casper.then( function(){
    phoneNumber = document.querySelector('[data-print-key="channel:syi.reveal-phone,key:data"]').innerHTML;
});

casper.run( function(){
    console.log(phoneNumber);
});

最终结果是空白的，终端中什么也没有返回。有人知道我错在哪里吗？

Answer 1

使用https://stackoverflow.com/users/1816580/artjom-b资源，我使用以下方法成功地做到了这一点：

var casper = require('casper').create();

casper.start('https://www.gumtree.com/p/3-bedrooms-rent/3-bed-mid-terrace-house-in-a-lovely-and-peaceful-part-of-hatfield-al10-area/1194478241');
casper.thenClick( '.box-padding > .clearfix > .btn-secondary.set-right ' );
casper.waitForSelectorTextChange( '.box-padding > .clearfix > .txt-large.txt-emphasis.form-row-label', function() {
    var phoneNumber = this.evaluate(function(){
        return document.querySelector( ".box-padding > .clearfix > .txt-large.txt-emphasis.form-row-label" ).textContent;
    });
    this.echo(phoneNumber);
});
casper.run();