[javascript] 如何使用PhantomJS提交表單



Answers

另外,CasperJS為PhantomJS中的導航提供了一個很好的高級界面,包括點擊鏈接和填寫表單。

CasperJS

2015年7月28日更新的文章比較了PhantomJS和CasperJS

(感謝評論員M先生!)

Question

我正嘗試使用phantomJS(一個很棒的工具btw!)為我提供登錄憑據的頁面提交表單,然後將目標頁面的內容輸出到標準輸出。 我能夠使用幻影訪問表單並成功設置其值,但我不確定正確的語法是提交表單並輸出後續頁面的內容。 我到目前為止是:

var page = new WebPage();
var url = phantom.args[0];

page.open(url, function (status) {

  if (status !== 'success') {
      console.log('Unable to access network');
  } else {

    console.log(page.evaluate(function () {

      var arr = document.getElementsByClassName("login-form");
      var i;

      for (i=0; i < arr.length; i++) {

        if (arr[i].getAttribute('method') == "POST") {
          arr[i].elements["email"].value="mylogin@somedomain.com";
          arr[i].elements["password"].value="mypassword";

          // This part doesn't seem to work. It returns the content
          // of the current page, not the content of the page after 
          // the submit has been executed. Am I correctly instrumenting
          // the submit in Phantom?
          arr[i].submit();
          return document.querySelectorAll('html')[0].outerHTML;
        }

      }

      return "failed :-(";

    }));
  }

  phantom.exit();
}



正如上面提到的, CasperJS是填寫和發送表單的最佳工具。 如何使用fill()函數填寫和提交表單最簡單的例子:

casper.start("http://example.com/login", function() {
//searches and fills the form with id="loginForm"
  this.fill('form#loginForm', {
    'login':    'admin',
    'password':    '12345678'
   }, true);
  this.evaluate(function(){
    //trigger click event on submit button
    document.querySelector('input[type="submit"]').click();
  });
});



Links