使用ajax / jquery模擬html表單POST

Question

我想從表單中讀取所有的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;
}

Answer 1

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;
    });

應該管用。 只需記住在表單中設置每個輸入/選擇元素的名稱屬性。

Answer 2

您是否嘗試過使用JQuery的Ajax？

像這里的答案： jQuery Ajax POST示例與PHP