MVC5中Ajax GET传递下拉框选中值时数据为null的问题

我来帮你排查这个坑，毕竟MVC里AJAX传值踩过的坑可不少😉，结合你的代码，给你几个针对性的解决思路：

1. 去掉GET请求里多余的contentType设置 #

你当前的AJAX请求用了contentType: 'application/json; charset=utf-8'，但GET请求根本不会把数据放在请求体里，而是把参数拼接在URL上。这个设置反而会干扰MVC的模型绑定逻辑，导致参数无法被正确解析。

修改后的AJAX代码：

function LoadData(selectedID) {
    console.log(selectedID); // 确认值正确
    $.ajax({
        url: '@Url.Action("GetData")',
        type: "GET",
        dataType: "json",
        // 删掉contentType这一行
        data: { selectedID: selectedID},
        success: function (data) {
            // 你的处理逻辑
        },
        error: function (xhr) {
            // 可以加个错误回调排查问题
            console.log(xhr.responseText);
        }
    });
}

2. 确保控制器参数名和前端完全匹配 #

检查你的GetData控制器方法，参数名称必须和AJAX里data的键名完全一致（大小写尽量统一，虽然MVC默认不严格，但统一更稳妥）。比如：

正确的控制器方法示例：

public ActionResult GetData(int selectedID)
{
    // 这里能拿到正确的selectedID值
    var data = // 你的数据获取逻辑
    return Json(data, JsonRequestBehavior.AllowGet);
}

如果前端传的是selectedID，后端写成id或者SelectedId，就会导致参数为null。

3. 验证参数类型是否匹配 #

下拉框的val()返回的是字符串类型，如果你的控制器参数是int类型，要确保下拉框的选项值是有效的数字（比如<option value="1">选项1</option>）。如果下拉框的值是空字符串或者非数字，MVC无法完成类型转换，参数就会变成null。

解决办法：

• 确保下拉框的value属性都是合法数字
• 或者把控制器参数改成string selectedID，后续再在后端做类型转换

4. 用传统序列化方式传递参数 #

有时候jQuery的AJAX序列化复杂参数会出问题，你可以加上traditional: true强制使用传统序列化方式：

$.ajax({
    url: '@Url.Action("GetData")',
    type: "GET",
    dataType: "json",
    data: { selectedID: selectedID},
    traditional: true, // 加上这一行
    success: function (data) {
        // 处理逻辑
    }
});

5. 直接拼接参数到URL测试 #

如果上面的方法都没用，可以直接把参数拼在URL上，排除AJAX序列化的问题：

function LoadData(selectedID) {
    console.log(selectedID);
    var url = '@Url.Action("GetData")?selectedID=' + selectedID;
    $.ajax({
        url: url,
        type: "GET",
        dataType: "json",
        success: function (data) {
            // 处理逻辑
        }
    });
}

同时打开浏览器的开发者工具（F12），切换到Network标签，查看请求的URL是否包含selectedID=xxx，确认参数确实被传递出去了。

内容的提问来源于stack exchange，提问作者LOL. NO.