DataTable转JSON异常及前端JSON解析错误问题求助

一、为什么序列化DataTable会出现冗余信息？ #

Json.NET默认会序列化DataTable类的所有公共属性，包括框架自带的RemotingVersion、XmlSchema这些非业务数据的属性，这就是你看到冗余内容的原因。

二、前端报错的根源 #

1. "unexpected token u in json at position 0"：通常是因为前端尝试解析undefined（比如后端返回了空值、响应出错，或者请求没拿到正确的内容）。
2. "Unexpected token o in JSON at position 1"：这个是典型的「重复解析JSON」问题——如果后端直接返回DataTable，ASP.NET会自动把它序列化为JSON对象，前端拿到的已经是JS对象了，再调用JSON.parse()就会把对象转成字符串[object Object]，解析时自然报错。

三、具体解决步骤 #

1. 修正DataTable转JSON的代码（去掉冗余信息）

不要直接序列化整个DataTable，而是只序列化它的行数据，推荐两种方式：

方式一：转成匿名对象列表（最直观）

public string DataTableToJSONWithJSONNet(DataTable table)
{
    var rows = new List<Dictionary<string, object>>();
    foreach (DataRow row in table.Rows)
    {
        var dict = new Dictionary<string, object>();
        foreach (DataColumn col in table.Columns)
        {
            dict[col.ColumnName] = row[col];
        }
        rows.Add(dict);
    }
    return JsonConvert.SerializeObject(rows);
}

这样只会序列化每行的列名和对应值，完全没有冗余属性。

方式二：用Json.NET的契约解析器过滤属性

如果不想手动遍历行，可以配置Json.NET忽略DataTable的非必要属性：

public string DataTableToJSONWithJSONNet(DataTable table)
{
    var settings = new JsonSerializerSettings
    {
        ContractResolver = new DefaultContractResolver
        {
            IgnoreSerializableAttribute = true,
            IgnoreSerializableInterface = true
        },
        Formatting = Formatting.Indented // 可选，格式化JSON方便阅读
    };
    // 只序列化Rows集合
    return JsonConvert.SerializeObject(table.Rows, settings);
}

2. 确保后端返回正确的响应

在你的接口方法中，要明确返回JSON字符串，并且设置正确的响应头：

[HttpGet] // 或对应的HttpPost等
public IActionResult GetData()
{
    DataTable yourTable = GetYourDataTable(); // 你的数据获取逻辑
    string json = DataTableToJSONWithJSONNet(yourTable);
    return Content(json, "application/json");
}

如果用的是ASP.NET Web API，也可以直接返回JsonResult，它会自动处理序列化和响应头：

public JsonResult GetData()
{
    DataTable yourTable = GetYourDataTable();
    var rows = table.AsEnumerable().Select(row => table.Columns.Cast<DataColumn>()
        .ToDictionary(col => col.ColumnName, col => row[col]));
    return Json(rows);
}

3. 修正前端解析逻辑

• 如果后端返回的是纯JSON字符串，前端可以直接用JSON.parse()解析：

fetch('/api/your-endpoint')
    .then(response => response.text())
    .then(jsonStr => {
        const data = JSON.parse(jsonStr);
        // 处理数据
    })
    .catch(err => console.error('请求出错：', err));

• 如果后端用JsonResult返回（前端拿到的已经是JS对象），就不需要再JSON.parse()：

fetch('/api/your-endpoint')
    .then(response => response.json()) // 直接解析为JS对象
    .then(data => {
        // 处理数据
    })
    .catch(err => console.error('请求出错：', err));

四、总结 #

核心问题就是两点：一是DataTable自带属性被序列化导致冗余，二是前后端JSON解析的匹配问题。通过只序列化行数据、确保响应头正确、前端按需解析，就能解决所有报错。

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