将 javascript 对象或数组转换为 json 以获取 ajax 数据

IT技术 javascript arrays json stringify
2021-01-13 01:56:54

所以我正在创建一个包含元素信息的数组。我遍历所有元素并保存索引。出于某种原因，我无法将此数组转换为 json 对象！

这是我的数组循环：

var display = Array();
$('.thread_child').each(function(index, value){
   display[index]="none";
   if($(this).is(":visible")){
      display[index]="block";
   }
});

我尝试通过以下方式将其转换为 JSON 对象：

data = JSON.stringify(display);

它似乎没有发送正确的 JSON 格式！

如果我像这样手动编写代码，它就会工作并发送信息：

data = {"0":"none","1":"block","2":"none","3":"block","4":"block","5":"block","6":"block","7":"block","8":"block","9":"block","10":"block","11":"block","12":"block","13":"block","14":"block","15":"block","16":"block","17":"block","18":"block","19":"block"};

当我对 JSON.stringify 对象发出警报时，它看起来与手动编码的一样。但它不起作用。

我快疯了试图解决这个问题！我在这里错过了什么？发送此信息以获取手动编码格式的最佳方式是什么？

我使用这个ajax方法发送数据：

$.ajax({
        dataType: "json",
        data:data,
        url: "myfile.php",
        cache: false,
        method: 'GET',
        success: function(rsp) {
            alert(JSON.stringify(rsp));
        var Content = rsp;
        var Template = render('tsk_lst');
        var HTML = Template({ Content : Content });
        $( "#task_lists" ).html( HTML );
        }
    });

使用 GET 方法，因为我正在显示信息（不更新或插入）。只将显示信息发送到我的 php 文件。

最终解决方案

var display = {};
$('.thread_child').each(function(index, value){
   display[index]="none";
   if($(this).is(":visible")){
      display[index]="block";
   }
});

$.ajax({
        dataType: "json",
        data: display,
        url: "myfile.php",
        cache: false,
        method: 'GET',
        success: function(rsp) {
            alert(JSON.stringify(rsp));
        var Content = rsp;
        var Template = render('tsk_lst');
        var HTML = Template({ Content : Content });
        $( "#task_lists" ).html( HTML );
        }
    });
2个回答

我不完全确定，但我认为您可能对数组在 JSON 中的序列化方式感到惊讶。让我们隔离问题。考虑以下代码：

var display = Array();
display[0] = "none";
display[1] = "block";
display[2] = "none";

console.log( JSON.stringify(display) );

这将打印：

["none","block","none"]

这就是 JSON 实际序列化数组的方式。但是，您想看到的是：

{"0":"none","1":"block","2":"none"}

要获得这种格式，您需要序列化对象，而不是数组。所以让我们像这样重写上面的代码：

var display2 = {};
display2["0"] = "none";
display2["1"] = "block";
display2["2"] = "none";

console.log( JSON.stringify(display2) );

这将以您想要的格式打印。

你可以在这里玩这个：http : //jsbin.com/oDuhINAG/1/edit?js,console

当您使用 objectw 并具有数字索引时，您不必将它们放在引号中。即display2[0] = "none"足够
2021-03-19 01:56:54
所以你做了所有这些......然后你什么都不转换！数据：display2，数据类型：“json”，一切正常
2021-04-06 01:56:54
如果您想构建一个对象列表 - 即var list = [ { id: 1, status: "good" }, { id: 2, status: "Bad" } ]- 并将它们作为具有 id 和 status 属性的模型类型的 IEnumerable 列表传递给控制器​​操作怎么办？我的名单没有被填满。
2021-04-08 01:56:54

您可以使用JSON.stringify(object)对象，我刚刚编写了一个函数，该函数将递归地将数组转换为对象，JSON.stringify(convArrToObj(array))如下所示（可以在此答案中找到更多详细信息）：

// Convert array to object
var convArrToObj = function(array){
    var thisEleObj = new Object();
    if(typeof array == "object"){
        for(var i in array){
            var thisEle = convArrToObj(array[i]);
            thisEleObj[i] = thisEle;
        }
    }else {
        thisEleObj = array;
    }
    return thisEleObj;
}

为了使它更通用，您可以覆盖该JSON.stringify功能，而不必再担心它，为此，只需将其粘贴到页面顶部即可：

// Modify JSON.stringify to allow recursive and single-level arrays
(function(){
    // Convert array to object
    var convArrToObj = function(array){
        var thisEleObj = new Object();
        if(typeof array == "object"){
            for(var i in array){
                var thisEle = convArrToObj(array[i]);
                thisEleObj[i] = thisEle;
            }
        }else {
            thisEleObj = array;
        }
        return thisEleObj;
    };
    var oldJSONStringify = JSON.stringify;
    JSON.stringify = function(input){
        return oldJSONStringify(convArrToObj(input));
    };
})();

现在JSON.stringify将接受arrays或objects！（链接到 jsFiddle 示例）

编辑：

这是另一个更有效的版本，尽管它可能会或可能不会那么可靠（不确定 - 这取决于是否JSON.stringify(array) 总是返回[]，我看不出有太多原因为什么它不会，所以这个函数应该是更好，因为当您JSON.stringify与object) 一起使用时，它的工作量会减少一点：

(function(){
    // Convert array to object
    var convArrToObj = function(array){
        var thisEleObj = new Object();
        if(typeof array == "object"){
            for(var i in array){
                var thisEle = convArrToObj(array[i]);
                thisEleObj[i] = thisEle;
            }
        }else {
            thisEleObj = array;
        }
        return thisEleObj;
    };
    var oldJSONStringify = JSON.stringify;
    JSON.stringify = function(input){
        if(oldJSONStringify(input) == '[]')
            return oldJSONStringify(convArrToObj(input));
        else
            return oldJSONStringify(input);
    };
})();

jsFiddle与示例here

js 性能测试在这里，通过 jsPerf

其它你可能感兴趣的问题
上一篇在 JavaScript 中获取两个数组的并集 下一篇node.js 中的异步 for 循环