MVC视图中AJAX返回结果显示undefined的问题排查求助

我帮你梳理下代码里的几个关键问题，这应该就是导致你看到undefined的核心原因：

1. 前端未正确解析返回的JSON结构 #

你的GetDonatorsWithParameter Action返回的JSON是嵌套在result字段里的：

return this.Json(new { result = (from a in db.Donors ...).ToList() }, JsonRequestBehavior.AllowGet);

但前端的loadData函数直接遍历了data对象，而非data.result这个真正的捐赠者数组。因为data是包含result属性的对象，遍历它只会拿到属性名和属性值，自然所有字段都会显示undefined。

修复方法：修改AJAX的success回调，传递正确的数组：

success: function (data) {
    loadData(data.result); // 传递data.result而非原始的data
},

2. CityName参数传递不匹配 #

你加载城市下拉框时，给option的value设置的是city.Value（看起来是CityId数字）：

items += "<option value='" + city.Value + "'>" + city.Text + "</option>";

但你的DonorOnline模型里CityName是字符串类型（存储城市名称），Action的string CityName参数接收的却是下拉框的value（城市ID）。这会导致数据库查询条件a.CityName == CityName永远匹配不到数据——相当于拿城市ID和城市名称做对比，逻辑完全错误。

修复方法二选一：

• 若数据库里DonorOnline有CityId字段，修改Action参数为int CityId，查询条件改为a.CityId == CityId
• 若想继续用城市名称匹配，加载下拉框时把option的value设为城市名称：

  items += "<option value='" + city.Text + "'>" + city.Text + "</option>";
  

  注意：如果城市名称包含特殊字符，建议用encodeURIComponent做转义处理。

3. 可选参数的空值处理优化 #

你的Action参数StateId是int?，如果用户未选择州就点击搜索，StateId会是null，此时EF会把查询条件转换成a.StateId IS NULL，但模型里StateId是必填字段，不会有null值，导致查询返回空数组。建议在后端调整查询逻辑，支持空参数的过滤：

public JsonResult GetDonatorsWithParameter(int? StateId, string CityName, string blt) {
    ViewBag.StateId = new SelectList(db.states, "StateId", "StateName");
    ViewBag.CityName = new SelectList(db.cities, "CityId", "CityName");

    var query = db.Donors.AsQueryable();
    // 仅当参数有值时才添加过滤条件
    if(StateId.HasValue)
        query = query.Where(a => a.StateId == StateId.Value);
    if(!string.IsNullOrEmpty(CityName))
        query = query.Where(a => a.CityName == CityName);
    if(!string.IsNullOrEmpty(blt))
        query = query.Where(a => a.bloodType == blt);

    var result = query.Select(a => new { 
        Id = a.Id, 
        Name = a.Name, 
        adress = a.state.StateName + "-" + a.CityName, 
        PhoneNumber = a.PhoneNumber, 
        bloodType = a.bloodType,
        Email=a.Email, 
        conn = a.conn, 
        Tconn = a.Tconn 
    }).ToList();

    return Json(new { result }, JsonRequestBehavior.AllowGet);
}

调试小技巧 #

你可以用浏览器开发者工具（F12）快速定位问题：

• Network标签：查看AJAX请求的参数是否正确传递，以及返回的JSON内容是否符合预期
• Console标签：检查是否有JS语法错误或变量未定义的报错

先解决前两个核心问题，应该就能正常显示数据了。

内容的提问来源于stack exchange，提问作者borhanoz