Visual Studio for Mac .NET Core 2.0 Ajax传模型至控制器绑定为空求助

看起来你遇到了ASP.NET MVC中Ajax POST请求模型绑定失败的问题，我来帮你一步步排查和解决：

核心问题分析 #

你的模型绑定始终为空，主要有两个关键原因：

1. 缺少[FromBody]特性：ASP.NET MVC默认不会自动从POST请求体中绑定复杂类型参数，需要明确告知框架从请求体读取数据。
2. Ajax数据结构与后端参数匹配问题：你当前传递的JSON结构和控制器参数的绑定规则不匹配，加上错误回调名称写错（jQuery Ajax用error而非failure），导致你无法看到错误详情。

分步解决方案 #

1. 修改控制器代码，添加[FromBody]并优化逻辑 #

在控制器的参数前添加[FromBody]特性，同时优化返回值处理（避免重复序列化字符串）：

using System.IO;
using System.Net;
using Newtonsoft.Json;
using System.Web.Mvc;

public class HomeController : Controller
{
    [HttpPost]
    public ActionResult GetMobiles([FromBody] Model datas)
    {
        // 先验证模型是否绑定成功
        if (datas == null || string.IsNullOrWhiteSpace(datas.Token))
        {
            return Json(new { success = false, message = "Token参数不能为空" });
        }

        string url = $"http://mobilws.infomobil.com.tr/mobilws/services/mobiles?token={datas.Token}";
        string result = string.Empty;

        try
        {
            var request = (HttpWebRequest)WebRequest.Create(url);
            // 建议添加超时等配置，避免请求挂起
            request.Timeout = 10000;
            
            using (var response = request.GetResponse())
            using (var responseStream = response.GetResponseStream())
            using (var reader = new StreamReader(responseStream, System.Text.Encoding.UTF8))
            {
                result = reader.ReadToEnd();
            }

            // 直接返回结构化结果，方便前端处理
            return Json(new { success = true, data = result });
        }
        catch (WebException ex)
        {
            // 捕获网络请求异常，返回更友好的错误信息
            return Json(new { success = false, message = $"调用外部接口失败: {ex.Message}" });
        }
        catch (Exception ex)
        {
            return Json(new { success = false, message = $"服务器错误: {ex.Message}" });
        }
    }
}

// 你的Model类保持不变
public class Model
{
    public string Token { get; set; }
}

2. 修正Ajax请求代码 #

调整数据结构为直接匹配Model类，同时修正错误回调名称：

// 确保Token变量已正确赋值，比如从输入框获取：var Token = $("#tokenInput").val();
var model = { Token: Token };

// 打印模型到控制台，验证数据是否正确
console.log("要发送的模型数据:", model);

jQuery.ajax({
    type: "POST",
    url: '../Home/GetMobiles',
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    // 直接序列化model对象，和后端Model类的属性一一对应
    data: JSON.stringify(model),
    success: function (response) {
        if (response.success) {
            alert("请求成功，返回结果:\n" + response.data);
        } else {
            alert("请求失败: " + response.message);
        }
    },
    // jQuery Ajax的错误回调是error，不是failure
    error: function (xhr, status, error) {
        alert("请求出错: " + error + "\n详情: " + xhr.responseText);
    }
});

额外排查技巧 #

如果还是绑定失败，可以通过浏览器开发者工具（F12）的Network标签：

• 检查请求的URL是否正确（是否存在路径问题）
• 查看Payload标签，确认发送的JSON数据格式是否正确（比如{"Token":"你的令牌值"}）
• 查看Response标签，获取后端返回的详细错误信息

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