如何使用JQuery提交动态创建的表单？

Question

我提交的表格不起作用，请问有人可以解决吗？

$(function(){
    $('#postImg').click(function() {

        var form = $("<form/>", {
            action: "checkout.php",
            method: "POST"
        });

        form.on("submit");
        $.each(['tprice', 'tevents'], function(i, v) {
            $("<input/>", {
                type: "hidden",
                name: v,
                value: $("#" + v).text()
            }).appendTo(form);
        });
        form.submit();
        return false;
    });
});

Answer 1

您在这里所做的就是尝试以一种真正的回旋方式发出HTTP POST请求（创建一个仅用于此目的的表单，填充该表单，过帐，然后丢弃）。

直接使用jQuery.post会更容易并且不会造成混乱。

例如：

var parameters = {
    'tprice': $("#tprice").text(),
    'tevents': $("#tevents").text()
};
$.post("checkout.php", parameters);

Answer 2

您为什么要发布未绑定到DOM中的表单？ 也许

$.post("checkout.php", { paramName: "value", paramName2: "value2" } );

您需要什么？