Question

我正在MVC 5中开发MIS的仪表板，在该仪表板中我想使用JVectorMap来加载已注册的国家/地区。以下是我的控制器操作，它返回JSON

public JsonResult registeredCountries()
{               
    var ret = db.View_RegisteredCountries.Select(x => new { Key = x.CountryCode, Value = x.TotalCompanies }).ToDictionary(x => x.Key, x => x.Value).ToList();

    return Json(ret, JsonRequestBehavior.AllowGet);
}

以下是获取JSON的JS代码

var data = {};
$.ajax({
    url: 'registeredCountries',
    type: 'GET',
    traditional: true,
    async: false,
    cache: false,
    //async: false,
    dataType: 'json'
}).done(function(result) {
    data = result;
});

但我的问题是JVectorMap使用以下格式的数组

data_array = {
    "US": 4977,
    "AU": 4873,
    "IN": 3671,
    "BR": 2476,
    "TR": 1476,
    "CN": 146,
    "CA": 134,
    "BD": 100
};

但返回的JSON采用以下格式

[{ "Key": "SA", "Value": 4 }]

如何将上述JSON转换为以下格式，以便可以填充JVectorMap。

data_array = {
    "SA":4
}

Answer 1

只需要遍历输入数组并从每个条目创建一个对象。

＆＃13;

// set up some sample data - in your case you already have this.
var data = JSON.parse('[{"Key":"SA","Value":4},{"Key":"US","Value":12},{"Key":"BR","Value":6}]')

var obj={}  // make a new object to build results.
for (var i =0; i < data.length; i = i + 1) {
  
  obj[data[i].Key] = data[i].Value

  }

// Note jquery only used for this debug output.
$("#output").html(JSON.stringify(obj))

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='output'></div>

＆＃13;

将数据从收到的JSON格式转换为JVectorMap格式

1 个答案: