Javascript Pubblica sul modulo Invia apri una nuova finestra
-
05-07-2019 - |
Domanda
https://stackoverflow.com/questions/133925/javascript-post -request-like-a-form-submit mostra come inviare un modulo creato tramite JavaScript via posta. Di seguito è riportato il mio codice modificato.
var form = document.createElement("form");
form.setAttribute("method", "post");
form.setAttribute("action", "test.jsp");
var hiddenField = document.createElement("input");
hiddenField.setAttribute("name", "id");
hiddenField.setAttribute("value", "bob");
form.appendChild(hiddenField);
document.body.appendChild(form); // Not entirely sure if this is necessary
form.submit();
Quello che vorrei fare è aprire i risultati in una nuova finestra. Attualmente sto usando qualcosa del genere per aprire una pagina in una nuova finestra:
onclick=window.open(test.html,'','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');
Soluzione
Aggiungi
<form target="_blank" ...></form>
o
form.setAttribute("target", "_blank");
alla definizione del tuo modulo.
Altri suggerimenti
Se vuoi creare e inviare il tuo modulo da Javascript come è nella tua domanda e vuoi creare una finestra popup con funzionalità personalizzate, propongo questa soluzione (metto commenti sopra le righe che ho aggiunto):
var form = document.createElement("form");
form.setAttribute("method", "post");
form.setAttribute("action", "test.jsp");
// setting form target to a window named 'formresult'
form.setAttribute("target", "formresult");
var hiddenField = document.createElement("input");
hiddenField.setAttribute("name", "id");
hiddenField.setAttribute("value", "bob");
form.appendChild(hiddenField);
document.body.appendChild(form);
// creating the 'formresult' window with custom features prior to submitting the form
window.open('test.html', 'formresult', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');
form.submit();
var urlAction = 'whatever.php';
var data = {param1:'value1'};
var $form = $('<form target="_blank" method="POST" action="' + urlAction + '">');
$.each(data, function(k,v){
$form.append('<input type="hidden" name="' + k + '" value="' + v + '">');
});
$form.submit();
Conosco questo metodo di base:
1)
<input type=”image” src=”submit.png”> (in any place)
2)
<form name=”print”>
<input type=”hidden” name=”a” value=”<?= $a ?>”>
<input type=”hidden” name=”b” value=”<?= $b ?>”>
<input type=”hidden” name=”c” value=”<?= $c ?>”>
</form>
3)
<script>
$(‘#submit’).click(function(){
open(”,”results”);
with(document.print)
{
method = “POST”;
action = “results.php”;
target = “results”;
submit();
}
});
</script>
Opere!
La soluzione di lavoro più semplice per la finestra di flusso (testata su Chrome):
<form action='...' method=post target="result" onsubmit="window.open('','result','width=800,height=400');">
<input name="..">
....
</form>