Làm cách nào để gửi biểu mẫu bằng PhantomJS?

Question

Tôi quen với PhantomJS. Nhưng tôi không thể có được một thứ. Tôi có một trang với một hình thức đơn giản:

<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> 

và save.php chỉ viết xuống giá trị test_data

vì vậy tôi đang làm điều này:

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

Khi hiển thị trang tôi xem trường văn bản đó là 555, nhưng biểu mẫu không được gửi và save.php không ghi giá trị test_data. Vì vậy, doSubmit() không được thực hiện, phải không? doSubmit() là một bước xác nhận đơn giản và gửi một nghĩa vụ phải tải trang tiếp theo.

Vì vậy, câu hỏi đặt ra là: làm cách nào tôi có thể thực thi mã javascript trên trang bằng PhantomJS?

Answer 1

Dường như bạn muốn gửi biểu mẫu. Bạn có thể đạt được điều đó theo những cách khác nhau, như

• clicking the submit button

• submit the form trong bối cảnh trang:

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

• hoặc tập trung vào các lĩnh vực văn bản hình thức và gửi một nhập bấm phím với sendEvent().

Sau đó, bạn sẽ phải đợi cho đến khi trang tiếp theo được tải. Điều này được thực hiện tốt nhất bằng cách đăng ký page.onLoadFinished (sau đó chứa tập lệnh còn lại của bạn) ngay trước khi gửi biểu mẫu.

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

hoặc bạn chỉ có thể chờ đợi:

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