Javascript / Jquery将json对象推送到数组中

时间:2015-10-25 10:45:42

标签: javascript jquery arrays json

我有一个json对象来自jquery中的$.post。 为了遍历并存储数据客户端,我想将它添加到数组中。对于每个回来的搜索结果,我想“追加”数组,使其增长。

这是我的json:

    {
"companies": [
{
  "companyid": "115",
  "saved": false,
  "orgnumber": "010101010",
  "companyname": "TestCompany",
  "header": "header info"
  },      
  {
  "companyid": "116",
  "saved": false,
  "orgnumber": "010101010",
  "companyname": "TestCompany",
  "header": "header info"
  } ]
      }

这是我迄今为止提出的数据是json 从ajax的请求回来。 Obj只是一个持有数组的对象 我在我的代码中进一步声明了这一点。 obj.companies = new Array();

   obj.companies.push(data['companies']);

下一部分我需要循环数组。试着这样做。

     $.each(obj.companies, function(i, item) {      

       // Does not alert correctly.
       alert(item.header);

     });

所以我需要将完整的json对象推入数组中。但我无法提醒循环中的item.header,我该如何实现呢?

编辑: 感谢大家。对不起,如果我的问题不够详细。 我最终这样做了:

        getcompanies: function() {
          obj = this;
          $.post('api/finder/result.php', {}, function(data) {
                $.each(data.companies, function(i, item) {      
                    obj.companies.push(item);
                });             
                obj.loadcompanies();                        
          }, "json");
       },


        loadcompanies: function() {
           $.each(this.companies, function(i, item) {       
             alert(item.header);
          }
        }

2 个答案:

答案 0 :(得分:1)

我认为您的服务器端代码存在问题,该代码负责构建通过Ajax返回的JSON对象。正确的JSON应该如下:

{
    "companies": [
        {
            "companyid": "115",
            "saved": false,
            "orgnumber": "010101010",
            "companyname": "TestCompany",
            "header": "header info"
        },
        {
            "companyid": "116",
            "saved": false,
            "orgnumber": "010101010",
            "companyname": "TestCompany",
            "header": "header info"
        }
    ]
}

请注意,只有一个名为"公司"它包含一组对象。请更正您的服务器端代码以获得此类有效JSON。您可以使用免费的在线JSON验证工具(例如http://jsonlint.com/)来验证您的JSON对象。

现在一旦你从服务器得到这样的回应;您只需要执行以下步骤来获取公司数组(以下代码将进入$.post成功处理程序):

var jsonResp = JSON.parse(postResponse); //postResponse is the success resp of $.post
var companiesArray =  jsonResp.companies;
$.each(companiesArray , function (index, valueObj){
    var compId = valueObj.companyid;
    var isSaved = valueObj.saved;
});

我希望这会对你有所帮助。

答案 1 :(得分:0)

如果你想将新公司追加到公司阵列中,你应该

var json_obj =   {
"companies": [
{
  "companyid": "115",
  "saved": false,
  "orgnumber": "010101010",
  "companyname": "TestCompany",
  "header": "header info"
  },
  {
  "companyid": "116",
  "saved": false,
  "orgnumber": "010101010",
  "companyname": "TestCompany",
  "header": "header info"
  } ]
  };

  //adding new company into your companies array
  json_obj.companies.push({
     "companyid":"117",
     "saved" : false,
     "orgnumber": "20120313",
     "companyname":"anotherCompany",
     "header":"another header info"
  });

  //if you want to loop through your companies list you can:

  json_obj.companies.map(function ( obj ){
     console.log(obj.companyid);
     console.log(obj.companyname);
     etc..
  });