javascript - 如何使用 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);