CasperJS无法单击DIV按钮

Question

我一直在使用CasperJS进行网站抓取项目。这是一个ASPX网站。我可以登录该网站，然后填写运行搜索的表单，但填写表单后，我无法模拟点击DIV按钮。搜索使用AJAX运行，但是当我在等待几秒后捕获页面时，它不会在捕获的图像中显示结果。 “搜索”按钮由DIV组成，点击后会运行其他隐藏的JavaScript函数，这些函数会发送AJAX请求以检索搜索结果。

这是我的代码。

var casper = require('casper').create({
    clientScripts: ['js/jquery-1.11.3.min.js']
});

var x = require('casper').selectXPath;

casper.userAgent('Mozilla/5.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB7.4; InfoPath.2; SV1; .NET CLR 3.3.69573; WOW64; en-US)');

casper.start('https://example.com/finder.aspx');

casper.then(function () {
    this.sendKeys('#UserName', 'xxxxx');
    this.sendKeys('#Password', 'yyyyy');
    console.log('Fill login credentials');
    casper.capture("screen1.png");

    this.thenClick('input[type=submit]');
});

casper.wait(3000, function () {
    console.log('Login');
    casper.capture("screen2.png");
});

casper.then(function () {
    this.fill('form[name="searchForm"]', {
        '$ddType': 'ABCD',
        '$rbGender': '0',
    }, true);
});

casper.wait(3000, function () {
    this.sendKeys('#Type_I', 'ABCD');
    this.sendKeys('#ProviderId', '1111111111');
    this.sendKeys('#txtNameFirst', 'My');
    this.sendKeys('#txtNameLast', 'Name');
    this.sendKeys('#txtZipCode', '11111');
    this.sendKeys('#txtBirthDate', '01/11/1987');
    console.log('Form filled');
    casper.capture("screen3.png");
});

casper.thenClick('#btnSubmit', function () {
    console.log('Submitted');
});

casper.wait(3000, function () {
    casper.capture("screen4.png");
});

这是需要点击的按钮DIV。

<div id="btnSubmit" class="dxb">
    <span>Submit</span>
</div>

screen4.png（与screen3.png相同）仅显示填充的搜索表单，但没有显示“正在加载...”消息（应在提交点击时显示）或任何结果。如何触发表单提交？ 普通表单提交不会检索搜索结果。

PS： 我尝试了以下方法来触发evaluate()内的提交按钮。

在文本框中输入按键（实际上显示结果）

方法1

var e = jQuery.Event("keydown");
e.which = 13;
$("#txtZipCode").trigger(e);

方法2

this.sendKeys('#txtZipCode', casper.page.event.key.Enter, {keepFocus: true});

单击DIV按钮。

方法1

$('#btnSubmit div input').trigger('click');

方法2

$('#btnSubmit').click();

方法3

var mouse = require("mouse").create(casper);
this.mouse.click("#btnSubmit");

仍然没有运气。

Answer 1

casper.then( function () { this.clickLabel('Submit', 'span'); });

我遇到了类似的问题，这对我有用。