You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET6中JS函数无法正确接收ID参数,始终为0的问题排查

问题原因及解决方案

可能的原因及对应解决方法:

  1. 循环变量捕获问题
    如果你使用for循环生成表格行,Razor在.NET6中对循环变量的作用域处理可能导致事件绑定引用了最终的循环变量值(即使页面源码显示正确)。解决方法是在循环内部将Model[i].Id赋值给一个局部变量,再绑定到事件:

    @for (int i = 0; i < Model.Count; i++)
    {
        var orderId = Model[i].Id;
        <tr onclick="GetOrder('@orderId')">
            <!-- 表格内容 -->
        </tr>
    }
    
  2. JS参数类型或全局变量冲突
    检查你的GetOrder函数,确认参数没有被全局变量遮蔽,且类型转换正确:

    function GetOrder(id) {
        // 先打印参数确认值
        console.log("Received id:", id);
        // 确保转换为数字类型(如果需要)
        const numericId = parseInt(id, 10);
        if (isNaN(numericId)) {
            console.error("Invalid id value:", id);
            return;
        }
        // AJAX请求
        $.ajax({
            url: "/YourController/GetOrder",
            type: "POST",
            data: { orderId: numericId },
            success: function(response) {
                // 处理响应
            }
        });
    }
    
  3. .NET6模型绑定配置变化
    确认控制器的参数名与AJAX传递的参数名完全匹配(虽然默认大小写不敏感,但严格匹配可避免意外)。如果控制器参数是int orderId,AJAX必须传递orderId而非id。另外,检查是否启用了严格的模型绑定配置,可在Program.cs中重置默认配置:

    builder.Services.AddControllersWithViews();
    
  4. 浏览器缓存问题
    .NET6默认启用了静态文件的强缓存策略,可能导致浏览器加载旧的JS或页面资源。强制刷新浏览器(Ctrl+F5)清除缓存,或在开发环境关闭静态文件缓存:

    app.UseStaticFiles(new StaticFileOptions
    {
        OnPrepareResponse = ctx =>
        {
            ctx.Context.Response.Headers.CacheControl = "no-cache, no-store, must-revalidate";
            ctx.Context.Response.Headers.Expires = "-1";
        }
    });
    

额外排查步骤:

  • 打开浏览器开发者工具的控制台,查看GetOrder函数执行时的参数值,确认是否与页面源码一致。
  • 查看网络请求标签,检查AJAX请求的Form Data或Query String中传递的orderId值是否正确。

内容的提问来源于stack exchange,提问作者GrifRift

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 12:20:54