传递序列化的jQuery数据到PHP，我在做什么错？

Question

我目前有一个带有输入和名称属性的表单。

我可以通过jquery得到我需要的东西：

 var inputValues= $('.myForm').serialize();

如果我alert(inputValues) ，我会得到所需的信息（例如GET变量形式： categories=examplevalue&name=examplename&email=exampleemail ）

现在，我正在尝试使用ajax将其传递给PHP，例如（ ajax.js ）

            $.ajax({
                url: "myfile.php",
                type: "POST",
                data: "inputs="+inputValues
            }).done(function(data){
                alert(data);
            });

在我的PHP我有这个：

if(isset($_POST['inputs'])){
   echo $_POST['inputs'];
}

我假设它会根据我的表单提醒大量变量，但它只会回显属于categories名字变量

我在这里做错了什么？

谢谢

Answer 1

两件事情：

1. 数据分配：

    $.ajax({ url: "myfile.php", type: "POST", data: $('.myForm').serialize() }).done(function(data){ alert(data); }); 

   带输入的前缀字段名称。 就像<input name="x"/>变成<input name="inputs[x]"/> 。

2. 在php中显示数组：

    if(isset($_POST['inputs'])){ var_dump($_POST['inputs']); } 

   （当它不是标量值时， echo只会打印Array ）。

更新资料

如果Lior Cohen是正确的，并且您的服务器无法识别字段名称表示法（默认php设置不是这种情况），则可以使用以下简单解决方法：

parse_str(file_get_contents("php://input"), $POST);

然后使用$POST代替$_POST 。 请注意，虽然$POST不会是超级全局的。

Answer 2

serialize()生成查询字符串（ foo=bar&baz=yikes ）格式，该格式无法分配给单个参数（在您的情况下为inputs=... ）。

在$.ajax调用中，删除inputs=而仅使用inputValues 。 这将允许您使用$_POST['myvar']获得表单中的各个变量。

Answer 3

看看这个： http : //jquery.webspirited.com/2011/02/jquery-serializepost/

抱歉，格式化后在电脑上会修复

 (function($) {

        $.fn.serializePost = function() {

var data = {};

var formData = this.serializeArray();

for (var i = formData.length; i--;) {

var name = formData[i].name;

var value = formData[i].value;

var index = name.indexOf('[]');

if (index > -1) {

name = name.substring(0, index);

if (!(name in data)) {

data[name] = [];

}

data[name].push(value);

}

else

data[name] = value;

}

return data;

};

})(jQuery);

Answer 4

只需看看您要发送给PHP的内容...如果将“ inputvalues =”与序列化形式连接起来，就可以将以下内容发送给PHP：

inputs=categories=examplevalue&name=examplename&email=exampleemail

所以，是的...这将是令人困惑的。 :)

相反，只需在jQuery中执行此操作：

data:inputValues

您需要在帖子上更改接受条件。

您还可以将数据序列化为JSON并反序列化，但这应该可以帮助您入门。

Answer 5

我没有测试此代码，但我认为它有效

    var inputValues= $('.myForm').serialize();
    $.ajax({
        url: "myfile.php",
        type: "POST",
        data: inputValues,
        success: function(data){
            alert(data);
            // or use: console.log(data); /*you need firebug to log*/
        }
    });

//和php

if(isset($_POST)){
   var_dump($_POST);
}