Cách gửi biểu mẫu bằng PhantomJS

Tôi đang cố gắng sử dụng ph PhantomJS (thật là một công cụ tuyệt vời btw!) Để gửi biểu mẫu cho một trang mà tôi có thông tin đăng nhập, sau đó xuất nội dung của trang đích ra thiết bị xuất chuẩn. Tôi có thể truy cập biểu mẫu và đặt thành công các giá trị của nó bằng cách sử dụng ảo, nhưng tôi không chắc chắn cú pháp đúng là gì để gửi biểu mẫu và xuất nội dung của trang tiếp theo. Những gì tôi có cho đến nay là:

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

Tôi đã hiểu rồi. Về cơ bản đó là một vấn đề không đồng bộ. Bạn không thể gửi và mong đợi kết xuất trang tiếp theo ngay lập tức. Bạn phải đợi cho đến khi sự kiện onLoad cho trang tiếp theo được kích hoạt. Mã của tôi dưới đây:

var page = new WebPage(), testindex = 0, loadInProgress = false;

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

page.onLoadStarted = function() {
  loadInProgress = true;
  console.log("load started");
};

page.onLoadFinished = function() {
  loadInProgress = false;
  console.log("load finished");
};

var steps = [
  function() {
    //Load Login Page
    page.open("https://website.com/theformpage/");
  },
  function() {
    //Enter Credentials
    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";
          arr[i].elements["password"].value="mypassword";
          return;
        }
      }
    });
  }, 
  function() {
    //Login
    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].submit();
          return;
        }
      }

    });
  }, 
  function() {
    // Output content of page to stdout after form has been submitted
    page.evaluate(function() {
      console.log(document.querySelectorAll('html')[0].outerHTML);
    });
  }
];


interval = setInterval(function() {
  if (!loadInProgress && typeof steps[testindex] == "function") {
    console.log("step " + (testindex + 1));
    steps[testindex]();
    testindex++;
  }
  if (typeof steps[testindex] != "function") {
    console.log("test complete!");
    phantom.exit();
  }
}, 50);

Ngoài ra, CasperJS cung cấp một giao diện cấp cao đẹp để điều hướng trong PhantomJS, bao gồm nhấp vào liên kết và điền vào biểu mẫu.

CasperJS

Cập nhật để thêm bài viết ngày 28 tháng 7 năm 2015 so sánh PhantomJS và CasperJS .

(Cám ơn bình luận viên M!)

Gửi yêu cầu POST thô đôi khi có thể thuận tiện hơn. Dưới đây bạn có thể xem ví dụ ban đầu của post.js từ PhantomJS

// Example using HTTP POST operation

var page = require('webpage').create(),
    server = 'http://posttestserver.com/post.php?dump',
    data = 'universe=expanding&answer=42';

page.open(server, 'post', data, function (status) {
    if (status !== 'success') {
        console.log('Unable to post!');
    } else {
        console.log(page.content);
    }
    phantom.exit();
});

Như đã đề cập ở trên, CasperJS là công cụ tốt nhất để điền và gửi biểu mẫu. Ví dụ đơn giản nhất có thể về cách điền và gửi biểu mẫu bằng hàm 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();
  });
});