如何使用 PhantomJS 提交表单？

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
});