Datatable服务端加载时AJAX返回的Anchor Tag Helper HTML文本无法解析为锚点标签问题

你遇到的问题其实有两个核心关键点需要解决：一是客户端无法解析ASP.NET的Anchor Tag Helper属性，二是DataTables默认会自动转义HTML内容。下面一步步拆解解决：

1. 先修正后端返回的HTML内容 #

你当前返回的是带有asp-action和asp-route-orderNo的Tag Helper代码，但这些是ASP.NET服务器端专属的解析属性，浏览器完全无法识别！必须让后端生成标准的HTML锚点标签——也就是带有href属性的<a>标签。

在ASP.NET Core后端，你可以用Url.Action方法生成正确的跳转URL，替换原来的Tag Helper字符串：

// 替换成你实际的控制器名称，比如OrderController
var orderDetailUrl = Url.Action("GetInfo", "Order", new { orderNo = p.OrderNo });
OrderNo = $"<a href=\"{orderDetailUrl}\" target=\"_blank\"> {p.OrderNo}</a>";

这样后端返回的就是浏览器能直接识别的标准HTML了。

2. 配置DataTables允许渲染HTML #

DataTables出于安全考虑，默认会把所有列的内容当成纯文本处理（自动转义HTML标签），所以哪怕你返回了正确的HTML，它也会显示成纯文本。我们需要明确告诉DataTables，某一列要直接渲染原始HTML。

修改你的DataTables初始化代码，在columns配置中给orderNo列添加render函数：

$('#shipments').DataTable({ 
    // Ajax配置保持不变
    ajax: { 
        url: "URL_API", 
        type: "POST", 
        contentType: "application/json", 
        dataType: "json", 
        data: function (d) { 
            return JSON.stringify(d); 
        } 
    }, 
    // 列配置修改如下
    columns: [ 
        { 
            data: "orderNo",
            // 关键：直接返回原始HTML，跳过自动转义
            render: function(data, type, row) {
                return data;
            }
        }, 
        // 其他列的配置保持不变
        ...... 
    ] 
});

如果有多个需要渲染HTML的列，用columnDefs会更高效（通过列索引指定目标列，索引从0开始）：

$('#shipments').DataTable({ 
    ajax: { /* 保持原有配置 */ },
    columns: [ { data: "orderNo" }, ...... ],
    columnDefs: [
        {
            targets: 0, // 这里的0对应orderNo列的索引，根据你的实际列位置调整
            render: function(data) {
                return data;
            }
        }
    ]
});

这样修改后，DataTables就会把orderNo列的内容当作HTML渲染，锚点标签就能正常显示并支持点击跳转了。

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