javascript - コードに入力セレクターがない HTML フォーム

Question

ページに入力セレクターのない HTML フォームを作成し、これらの「入力」オブジェクトを JavaScript で作成して送信することはできますか? これらの「アイテム」を作成するにはどうすればよいですか? または、HTML コードで以前に送信する「アイテム」を常に作成する必要がありますか?

では、javascript 変数を送信するために煩わしい隠し入力を作成することを避けることはできますか? それに関するチュートリアルや例を実際に見つけることができません...

ご助力ありがとうございます。

Answer 1

このようにjqueryを使って

$('<form>', {
    "id": "getInvoiceImage",
    "html": '<input type="text" id="componentInvoicId" name="componentInvoicId" value="' + componentInvoiceId + '" />',
    "action": window.siteRoot + 'ComponentInvoice/GetInvoiceImage/'
}).appendTo(document.body).submit();

はるかに良い方法:

$.post(url, { value1: "foo", value2: "bar" } );

フォームでそれを行うことを主張する場合は、ここに一般化された関数があるため、json データを渡すことができます

var postRequest = function (uri, data) {

    data = data || {};

    var form = $('<form method="post" class="js:hidden">').attr('action', uri);

    $.each(data, function(name, value) {
        var input = $('<input type="hidden">')
            .attr('name', name)
            .attr('value', value);
        form.append(input);
    });

    $('body').append(form);
    form.submit();
};