Come inviare un modulo con PhantomJS?

Question

Sto familiarizzando con PhantomJS. Ma non riesco a ottenere una cosa. Ho una pagina con una semplice forma:

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

e save.php appena annota il valore test_data

così sto facendo questo:

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

Quando il rendering della pagina I vedi che il campo di testo è 555, ma il modulo non sta sottomettendo e save.php non ha annotato un valore di test_data. Quindi doSubmit() non è in esecuzione, vero? doSubmit() è un semplice passo di convalida e un invio dovrebbe caricare la pagina successiva.

Quindi la domanda è: come posso eseguire un codice javascript sulla pagina, utilizzando PhantomJS?

Answer 1

Sembra che si desidera inviare il modulo. È possibile ottenere che, in modi diversi, come

• clicking the submit button

• submit the form nel contesto di pagina:

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

• o concentrarsi sul campo di testo form e inviare una pressione del tasto entrare con sendEvent().

Dopodiché dovrai attendere fino al caricamento della pagina successiva. È meglio farlo registrando page.onLoadFinished (che quindi contiene lo script rimanente) proprio prima di inviare il modulo.

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

o si può semplicemente aspettare:

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