使用ajax/jquery模拟HTML表单的POST提交

Question

我希望能够通过jquery的"$ .post()"方法，阅读表单中所有帖子变量及其内容，并将它们发布出去。 首先，这样做行不通： $.post("myServer.com/test2.php", $('#myform').serialize()) 因为它只会发送一个变量，我必须在php端解析它。

以下是我如何开始的：

function doIndirectPost() {
    variableWithTheFormPOSTData = {};
    $("#IdOfMyForm :input").each(function() {
        variableWithTheFormPOSTData[$(this).attr("name")] = $(this).attr("value");
    }
    document.getElementById("IdOfMyForm").submit();
    $.post("myServer.com/test2.php", variableWithTheFormPOSTData);
}

然后我想使用$.post()来发布在多个变量中分隔的数据（就像正常的表单提交一样...我在某个地方读到，可以这样做：

$.post('myserver.com/test2.php.php',{
    var1: content1,
    var2: content2
}

但我希望它是动态的。这一部分：

    var1: content1,
    var2: content2

表单应自动包含所有变量名称和值。

最终，我希望能够像这样获取所有POST变量：

foreach ($_POST as $key => $value)
{
    echo $key . "= " . $value;
}

- user2743803

---

你尝试过使用 serializeArray() 吗？ - Ben Fortune

首先，这样做是不行的：$.post("myServer.com/test2.php", $('#myform').serialize()) 因为它只会发送一个变量。这并不准确。它将使用标准表单编码方法发送表单中所有成功的输入，并且 PHP 将自动解码并填充$_POST。 - Quentin

真的吗？ 我被告知我必须在它上面使用parse_str（$ _POST ['serialize']，$ data）; 我不知道。 - user2743803

只有在你做了像这样愚蠢的事情时才会出现这种情况：$.post('foo.php', { serialize: $('#myform').serialize() }); - Quentin

Answer 1

序列化不仅发送一个变量，而是发送表单中所有输入元素的名称值对。

    $("#IdOfMyForm").on("submit", function () {
        $.post("myServer.com/test2.php", $("#IdOfMyForm").serialize(), 
                function(dataFromServer){
                   //server sent a response now do whatever you want to do after form has been submitted 
                   //or submit form regular way $("#IdOfMyForm").submit();
                 }
        );
        return false;
    });

应该可以工作。只需记住在表单中设置每个输入/选择元素的名称属性。

- codefreak

---

很好很简单的答案。也许你甚至可以这样说： $.post($("#IdOfMyForm").attr('action'),$("#IdOfMyForm").serialize(), - soger

Answer 2

你尝试过使用JQuery的Ajax吗？

就像这个答案里面的例子一样： jQuery Ajax POST example with PHP

- H Rangel