Javascript 未捕获的TypeError:无法读取未定义的属性“Name”

我正在开发一个网页，显示开放的街道地图，并通过长坐标和纬度坐标从SQLServer数据库获取数据 我使用asp.NETMVC，但给我这个错误的答案 未捕获的TypeError:无法读取未定义的属性“Name” 在这里，我通过javascript绑定数据库中的数据

模型 我创建的这个模型数据通过Json函数从数据库返回数据

  [HttpPost]
        public JsonResult GetMap()
        {
            var data1 =(from p in db.Map
                    select new
                    {
                        Name = p.Name,
                        Latitude = p.Latitude,
                        Logitude = p.Logitude,
                        Location = p.Location,
                        Description = p.Description,
                        Id = p.Id
                    }).ToList().Select(res => new Map
                    {
                        Name = res.Name,
                        Latitude = res.Latitude,
                        Logitude = res.Logitude,
                        Location = res.Location,
                        Description = res.Description,
                        Id = res.Id


                    });
            return Json(data1, JsonRequestBehavior.AllowGet);
        } 
</pre> 

查看文件 通过Json函数查看显示映射和返回数据的文件

    <div id="mapid" style="height:600px"></div>
    <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script>
        $(document).ready(function () {

        var map = L.map('mapid').setView([31.291340, 34.244190], 13);

        L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);





            $.ajax({
                type: "POST",
                url: '/Maps/GetMap',
                success: function (data) {
                    var result = JSON.stringify(data);

                    for (var i = 0; i < result.length; ++i) {

                        var popup =
                            '<b>Name:</b> ' + data[i].Name +
                         '<br/><b>Latitude:</b> ' + data[i].Latitude +
                           '<br/><b>Longitude:</b> ' + data[i].Logitude +
                        '<br/><b>Location:</b> ' + data[i].Location;


                        L.marker([data[i].Latitude, data[i].Logitude])
                            .bindPopup(popup)
                           .addTo(map); 

                    }

                },
                error: function (xhr) {

                    console.log(xhr.responseText);
                    alert("Error has occurred..");
                }
            });
        });

    </script>

---

此错误表示您试图引用的字段名在未定义的给定对象上不存在。代码中有三个地方引用名称字段：

p、 名字 资源名称 数据[i].名称

---

因此，在您尝试引用Name属性时，p、res或data[i]中的一个未定义。

问题在于以下几行：

 var result = JSON.stringify(data);
 for (var i = 0; i < result.length; ++i) {

POST方法的响应由ajax成功回调自动解析

---

此外，在执行POST请求时，不需要JsonRequestBehavior.AllowGet属性。这仅适用于GET-verb，因为它可以保护您免受涉及JSON请求的非常特定的攻击。

您正在生成一个字符串

var result = JSON.stringify(data);

然后循环直到字符串长度，即该字符串中的字符数，而不是json数组长度

for (var i = 0; i < result.length; ++i) { }

您的服务器代码也可以简化。没有必要做两次投影

[HttpPost]
public JsonResult GetMap()
{
        var data1 =db.Map.Select(res => new Map
                              {
                                Name = res.Name,
                                Latitude = res.Latitude,
                                Logitude = res.Logitude,
                                Location = res.Location,
                                Description = res.Description,
                                Id = res.Id
                             }).ToList();
    return Json(data1);
} 

---

当您的操作方法用[HttpPost]修饰时，您不需要指定JsonRequestBehavior.AllowGet

检查success函数中的for循环，迭代到result.length，但结果应该是数据。错误消息表明某些数据[i]未定义。try$.parseJSON；还要检查您从数据中得到了什么尽管在linq查询中发生了什么？您可以删除.ToList之后的选择零件。而且，如果这些是Map对象中唯一的属性，那么您也可以去掉整个查询，只返回Jsondb.Map.ToListIt对您有效吗？是的，您可以迭代字符串！s=abc；对于i=0；ifor (var i = 0; i < data.length; ++i) { }

success: function (data) {
  $.each(data,function(indx,item)
  {
    console.log(item.Name);
  }
}

[HttpPost]
public JsonResult GetMap()
{
        var data1 =db.Map.Select(res => new Map
                              {
                                Name = res.Name,
                                Latitude = res.Latitude,
                                Logitude = res.Logitude,
                                Location = res.Location,
                                Description = res.Description,
                                Id = res.Id
                             }).ToList();
    return Json(data1);
}