javascript - 如何使用jquery读取json格式的数据

Question

如何使用jquery读取json格式的数据。以下是我尝试过的方法，但不幸的是我无法读取我想要的确切数据。

 $.ajax({
            url: '@Url.HttpRouteUrl("GetDistrictList", new { })',
            type: 'GET',
            datatype: "json",
            success: function (data, txtStatus, xhr) {
                console.log(data);
                if (data != null) {

                    $.each(data, function (i, item) {
                        alert(data[0]);
                        alert(data[0].DistrictCode)
                        alert(item);
                        alert(item[0]);
                        alert(item.DistrictCode);
                        $('#tblDistricts > tbody').append('<tr><td>'+item.DistrictCode+'</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td></tr>');

                    })
                }
            },
            error: function (xhr, textStatus, errorThrown) { 
                console.log("error in GetDistrictList : " + errorThrown);
            }
        });'

在警告框中，我只得到“未定义”或“[对象] [对象]，我无法读取准确的数据。我被困在这里了。

编辑:Web api 将数据作为列表对象返回。

[HttpGet]
        [Route("GetDistrict/", Name = "GetDistrictList")]
        public List<DistrictModels> GetDistrictList()
        {

            BAL_District oBAL_District = new BAL_District();

            return oBAL_District.GetDistrictList();

        }

Answer 1

使用 var Data = $.parseJSON(response);

例子

var obj = jQuery.parseJSON( '{ "name": "John" }' );
alert( obj.name === "John" );

JSON.stringify 将 Javascript 对象转换为 JSON 文本并将该 JSON 文本存储在字符串中。

JSON.parse 将一串 JSON 文本转换为 Javascript 对象。

How to access JSON object

仅供引用，从 jQuery 3.0 开始，$.parseJSON 已弃用。要解析 JSON 对象，请改用 native JSON.parse 方法。

var json = [ 
     { 'red': '#f00' },
     { 'green': '#0f0' },
     { 'blue': '#00f' }
];
$.each(json, function () {
  $.each(this, function (name, value) {
    console.log(name + '=' + value);
  });
});

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