以“哈希格式”序列化表单

时间:2010-12-16 09:18:29

标签: javascript jquery html forms jeditable

在提交数据参数的jeditable文档中(ajax请求中包含一些额外参数的参数),可以说:

  

(混合)submitdata:额外参数   提交内容时。也可以   哈希或函数返回哈希。

 $(".editable").editable("http://www.example.com/save.php";,
     {    
         submitdata : {foo: "bar"}; 
 });

 $(".editable").editable("http://www.example.com/save.php";,
     {    
         submitdata : function(value, settings) {
             return {foo: "bar"};    
     } 
 });

所以我需要在submitData中包含一些我从表单序列化中恢​​复的参数:

<form id="myForm">
     <input type="hidden" name="param1" value="myValue1"/>
     <input type="hidden" name="param2" value="myValue2"/>
</form>

所以当我准备提交的数据时,我会这样做:

submitdata : function(value, settings){
    return $("#myForm").serializeArray();
}

问题是以这种方式序列化表单会产生如下格式:

[Object { name="param1", value="myValue1"}, Object { name="param2", value="myValue2"}]

但是jeditable不理解它并且它在请求中发送

0[name] param1
0[value]    myValue1
1[name] param2
1[value]    myValue2

我尝试过使用serialize()函数,但它不理解它,因为Jeditable需要这样的东西:

{param1: "value1" , param2: "value2"}

有没有办法以可编辑的格式序列化表单,或者在序列化后快速更改格式?

感谢。

2 个答案:

答案 0 :(得分:4)

我可以解决它从序列化数组构建一个对象,虽然我不知道这是否是最好的方法。

submitdata : function(value, settings){
    var reformat = function(array){
        var obj = {};
        for(i=0; i<array.length; i++){
            var a = array[i];
            var name = a.name;
            var value = a.value;
            obj[name] = value;
        }
        return obj;
    };
    return reformat($("#myForm").serializeArray());
}

答案 1 :(得分:2)

Javi给出的解决方案可以匹配大多数情况,除非您输入的名称如“inputname [key]”。除{“inputname”:{“key”:value}}外,您将获得一个javascript密钥{“inputname [key]”:value}。我建议使用jquery插件jquery.serialize-hash。

https://github.com/sdrdis/jquery.serialize-hash