Question

我熟悉PhantomJS。但我不能得到一件事。我有一个简单形式的页面：

<FORM action="save.php" enctype="multipart/form-data" method="GET" onSubmit="return doSubmit();">
    <INPUT name="test_data" type="text">
    <INPUT name="Submit" type="submit" value="Submit">
</FORM>

并且save.php只记下test_data值

所以我这样做：

page.evaluate(function() {
    document.forms[0].test_data.value="555";
    doSubmit();
});

渲染页面时，我看到文本字段为555，但表单未提交，save.php没有写下test_data值。所以doSubmit()没有执行，是吗？ doSubmit()是一个简单的验证步骤，提交应该加载下一页。

所以问题是：如何使用PhantomJS在页面上执行javascript代码？

Answer 1

您似乎想提交表单。您可以通过不同方式实现这一目标，例如

clicking the submit button

submit the form：

page.evaluate(function() {
    document.forms[0].submit();
});

或关注表单文本字段，然后使用sendEvent()发送回车键。

之后，您必须等到下一页加载完毕。最好在提交表单之前注册page.onLoadFinished（其中包含您剩余的脚本）。

page.open(url, function(){
    page.onLoadFinished = function(){
        page.render("nextPage.png");
        phantom.exit();
    };
    page.evaluate(function() {
        document.forms[0].test_data.value="555";
        document.forms[0].submit();
    });
});

或者你可以等一下：

page.open(url, function(){
    page.evaluate(function() {
        document.forms[0].test_data.value="555";
        document.forms[0].submit();
    });
    setTimeout(function(){
        page.render("nextPage.png");
        phantom.exit();
    }, 5000); // 5 seconds
});

如何使用PhantomJS提交表格？

1 个答案: