如何在 CasperJS 中 post 信息

Question

以下是html我想解决的

我想post查询并查看该城市的天气预报。我尝试了我的代码：

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

casper.start('http://www.weather.com.cn/weather1d/101210101.shtml'); 
casper.waitForSelector('input', function()
{
    this.fillXPath('div.search clearfix',{'//input[@id="txtZip"]':'shijiazhuang'},true);
}); 
casper.then(function()
{   
    utils.dump(this.getTitle());
}); 
casper.run();

它没有在控制台上打印 web paeg 标题。我也试过这个：

casper.waitForSelector('input', function()
{
    this.fillSelectors('div.search clearfix',{'input[id="txtZip"]':'shijiazhuang'},true);
}); 
}
);

我也没有得到任何网页标题。我很困惑，没有做错什么。此外，this.fill 方法似乎只处理 name 属性到 CasperJS 官方网站上的 post 信息。我需要你的帮助。

Answer 1

你做得对，你只需要稍微修改一下你的脚本。
只需修改输入字段的选择器，实际似乎不起作用，那么您应该会得到正确的结果。
"this.fillXPath" 只填表，不post。

...
// fill the form
casper.waitForSelector('input', function() {
    this.fillXPath('#txtZip', {
        '//input[@id="txtZip"]': 'shijiazhuang'
    }, true);
});
// trigger - post the form
casper.then(function() {
    this.click('#btnZip');
});
// i can't speak chinese - wait for some specific change on this page
casper.wait(5000);
// take a screenshot of it
casper.then(function() {
    this.capture("shijiazhuang_weather.png");
});
...

Answer 2

CasperJS script:

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

.start('http://www.weather.com.cn/weather1d/101210101.shtml',function(){
    this
         .wait(3000,function(){
    this.capture('search.png');
    utils.dump(this.getTitle());
})
         .evaluate(function(){
            document.getElementById('txtZip').value='shijiazhuang';
            document.querySelector('input[type="button"]').click();
       })
})
    .run();

Result:

"【石家庄天气】石家庄今天天气预报,今天,今天天气,7天,15天天气预报,天气预报一周,天气预报15天查询"

search.png

如何在 CasperJS 中 post 信息

How to post information in CasperJS

casperjs