单击与phantom.js的链接并检索文档html

时间:2012-04-11 19:19:27

标签: javascript jquery ajax phantomjs

我是phantom.js的新手,我正在尝试浏览网站页面,点击链接(调用AJAX函数并更改文档HTML)和phantom.js。

这是我的代码:

window.setTimeout(function(){
    phantom.exit();
}, 120000);

var page = require('webpage').create();

page.open("http://example.com", function(status) {
    if (status !== 'success') {
        console.log('{"error":"Unable to load the address for page"}');
        phantom.exit();
    }

    var action = page.evaluate(function() {
        document.getElementById("anID").click();
        return "clicked";
    });

    var results = page.evaluate(function() {
        return document.documentElement.innerHTML;
    });

    console.log(action);

    window.setInterval(function() {
        console.log(results);
        phantom.exit();
    }, 3000);
});

我很困惑,因为在我的“动作”功能中,click()调用会重复该错误3次:

  

TypeError:'undefined'不是函数
  phantomjs://webpage.evaluate():3 phantomjs://webpage.evaluate():1
  ph.js:121 null

     

TypeError:'undefined'不是函数
  phantomjs://webpage.evaluate():3 phantomjs://webpage.evaluate():1
  ph.js:121 null

     

TypeError:'undefined'不是函数
  phantomjs://webpage.evaluate():3 phantomjs://webpage.evaluate():1
  ph.js:121 null

此外,如果我在发送单击时对该行进行注释,则动作函数不再引发错误并返回“已点击”的控制台日志。但是3次......

我做错了什么?

提前致谢。

1 个答案:

答案 0 :(得分:4)

我终于设法用这段代码完成了我的任务。我跳过了点击操作并直接进入了AJAX调用:

    // phantomjs test.js 'http://www.example.com' 'anID'

    var system = require('system');
    var page = require('webpage').create();
    var url = system.args[1];
    var target = system.args[2];

    page.onConsoleMessage = function (msg) { 
        console.log(msg); 
        phantom.exit();
    };

    page.open(url, function (status) {
            function evaluate(page, func) {
                var args = [].slice.call(arguments, 2);
                var fn = "function() { return (" + func.toString() + ").apply(this, " + JSON.stringify(args) + ");}";
                return page.evaluate(fn);
            }
            page.injectJs('jquery-1.7.2.min.js');
            if (status === 'success') {
                    evaluate(page, function(target) {
                        $.ajax({
                          type: 'POST',
                          url: document.URL,
                          data: "__EVENTTARGET=" + target,
                          success: function(msg){
                                console.log(msg);
                            }
                        });
            }, target);
        }
    });