使用ajax / jquery模拟html表单POST

时间:2013-09-04 11:15:29

标签: php javascript jquery html ajax

我想从表单中读取所有的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;
}

2 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:0)

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

喜欢这里的答案: jQuery Ajax POST example with PHP