154

フォーム送信のような JavaScript ポスト リクエストは、JavaScript で POST を介して作成したフォームを送信する方法を示しています。以下は私の変更されたコードです。

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

私がやりたいことは、結果を新しいウィンドウで開くことです。現在、次のようなものを使用して、新しいウィンドウでページを開いています。

onclick = window.open(test.html, '', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');
4

5 に答える 5

226

追加

<form target="_blank" ...></form>

また

form.setAttribute("target", "_blank");

フォームの定義に。

于 2008-10-07T15:23:31.410 に答える
134

質問にあるようにJavascriptからフォームを作成して送信し、カスタム機能を備えたポップアップウィンドウを作成したい場合は、このソリューションを提案します(追加した行の上にコメントを付けます):

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();
于 2008-10-08T00:54:56.107 に答える
8 
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();
于 2012-09-24T20:55:06.947 に答える
1

私はこの基本的な方法を知っています：

1)

<input type=”image” src=”submit.png”&gt; (in any place)

2)

<form name=”print”&gt;
<input type=”hidden” name=”a” value=”&lt;?= $a ?>”&gt;
<input type=”hidden” name=”b” value=”&lt;?= $b ?>”&gt;
<input type=”hidden” name=”c” value=”&lt;?= $c ?>”&gt;
</form>

3)

<script>
$(‘#submit’).click(function(){
    open(”,”results”);
    with(document.print)
    {
        method = “POST”;
        action = “results.php”;
        target = “results”;
        submit();
    }
});
</script>

動作します！

于 2010-03-06T01:21:29.167 に答える