2

这是我编写的一个函数和助手，用于序列化 javascript 对象以在 ajax 请求中发送。有可能在某个地方有更有效的解决方案，可能在 jQuery 库中，但我找不到。不是一个 javascript 对象。

/*
@author Benjamin Yep
@important - THIS FUNCTION ASSUMES INPUT ENCODED ACCORDING RFC 3986 see here: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/encodeURIComponent
@param data - Any javascript object or array.
@param pName - The name of the object to be sent in your ajax request.
@return A serialized JSON-encoded object, ready to send in a request.
Usage:
var someObject={
"foo":"bar",
"bars":["foo","bar"],
"object":{
    "foo":1,
    "bar":2",
},
};
var r=makeHttpObject();//new ajax object
r.open("get","example.php",false);
r.send(paramify(someObject,"varname"));
//In example.php
<?php
echo var_dump($_POST['varname']);
?>
//back in the javascript file
console.log(r.responseText);//shows the contents of the object you sent to the server
*/
function paramify(data,pName){
return constructObject(data,pName).substr(1);
}
function constructObject(data,path){
var contents="";
for(var key in data){
    var curpath=path+"["+key+"]";
    if(Object.prototype.toString.call(data[key])==='[object Object]'||data[key] instanceof Array){
        if(!(data[key] instanceof Array)||data[key].length!=0){
            if(JSON.stringify(data[key])=="{}"){
                contents+="&"+curpath+"={}";
            }else{
                contents+=constructObject(data[key],curpath);
            }
        }else{
            contents+="&"+curpath+"=[]";
        }
    }
    else{
        contents+="&"+curpath+"="+data[key];
    }
}
return contents;
}
4

2 回答 2

1

就效率而言，您可以对这种功能进行很多改进。

但是，您应该能够在函数中以相同的方式处理对象和数组。循环将for...in与数字键一起正常工作。

另外，请确保您对进入输出的所有内容进行编码encodeURIComponent()

于 2013-03-15T23:15:48.213 回答
-1

请看这个插件

jQuery json

这个插件在（根）jQuery 对象上公开了四个新方法：

toJSON：将 javascript 对象、数字、字符串或数组序列化为 JSON。

evalJSON：从 JSON 转换为 Javascript，快速且简单。

secureEvalJSON：从 JSON 转换为 Javascript，但在检查源是否实际上是 JSON 时这样做，而不是与其他 Javascript 语句一起抛出。

quoteString：在字符串周围放置引号，并智能地转义任何引号、反斜杠或控制字符。

于 2013-03-15T22:55:39.887 回答