使用ajax/jquery模拟html表单POST - Simulate html form POST using ajax/jquery

Simulate html form POST using ajax/jquery

我想从表单中读取所有的post变量及其内容，并使用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;
}

Serialize不只发送一个变量，它发送表单中所有输入元素的名称-值对

    $("#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;
    });

应该有效。只需记住设置表单中每个输入/选择元素的名称属性。

您是否尝试过使用JQuery的Ajax？

就像这里的答案一样：使用PHP 的jQuery Ajax POST示例