【问题标题】:Create nested json object using jquery使用 jquery 创建嵌套的 json 对象
【发布时间】:2016-11-23 11:04:40
【问题描述】:

使用不是来自数组的 json 对象。

$(document).ready(function () { 
    var editeditems = {}; 
    var address = {};
    var firstName;
    var lasteName; 
    $('#btnJson').click(function () { 
        for (var i = 0; i < 3; i++) { 
            address["street"] = i; 
            address["city"] = i; 
        } 
        editeditems["FirstName"] = "mehul"; 
        editeditems["LastName"] = "gohel"; 
        editeditems["Address"] = address; 
        $('#txtVal').text(JSON.stringify(editeditems)); 
    }); 
});

我正在使用此代码并获得以下输出:

{
   "firstName": "Mehul",
   "lasteName": "Gohel",
   "address": [
      {
         "Street": 0,
         "City": 0
      },
      {
         "Street": 1,
         "City": 1
      }
   ]
}

【问题讨论】:

  • 你有什么问题?
  • 请解释您的问题,并包括您迄今为止尝试过的代码。这将有助于人们理解您的问题。谢谢
  • $(document).ready(function () { var edititems = {}; var address = {};var firstName;var lasteName; $('#btnJson').click(function () { for (var i = 0; i 的输出

标签: javascript .net json json.net getjson


【解决方案1】:

这是一种方法:

$(document).ready(function () { 
  $('#btnJson').click(function () { 
    var jsonObj = {}; 
    var addressArray = [];

    for (var i = 0; i < 3; i++) { 
        var address = {}
        address.street = i; 
        address.city = i; 
        addressArray.push(address);
    } 

    jsonObj.FirstName = "mehul"; 
    jsonObj.LastName = "gohel"; 
    jsonObj.Address = addressArray;  

    $('#txtVal').text(JSON.stringify(jsonObj)); 
  });
});

另一个:

$(document).ready(function () { 
  $('#btnJson').click(function () { 
    var jsonObj = {
      "FirstName":"mehul",
      "LastName":"gohel",
      "Address":[]
    }; 

    for (var i = 0; i < 3; i++) { 
        var address = {}
        address.street = i; 
        address.city = i; 
        jsonObj.Address.push(address);
    } 

    $('#txtVal').text(JSON.stringify(jsonObj)); 
  });
}); 

你会得到这样的结果:

{
  "FirstName":"mehul",
  "LastName":"gohel",
  "Address":[
    {"street":0,"city":0},
    {"street":1,"city":1},
    {"street":2,"city":2}
  ]
}

【讨论】:

  • 第二种方案是一样的,只是方法不同。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-07-21
  • 1970-01-01
  • 2017-02-14
  • 2017-12-22
  • 2021-10-02
  • 1970-01-01
  • 2010-10-25
相关资源
最近更新 更多