这篇文章就是教你们用js把表单里的东西扔到mvc里 别管啥叫最佳实践，直接copy粘贴跑起来就行。

1、 先弄个普通的HTML表单

    
    
    
    点我发数据

内卷... 上面这个代码就是最基本的，记得给按钮加id，后面js要找它。

2、 写点儿JS代码

吃瓜。 这里用了jQuery的ajax，你不想装jQuery也可以原生fetch，不过我懒得写。

3、 MVC后台怎么接收

打开VS，新建一个MVC项目，然后在HomeController里加个方法：，卷不动了。

using Microsoft.AspNetCore.Mvc;
using Newtonsoft.Json;
public class HomeController : Controller
{
    public IActionResult ReceiveData
    {
        // 把json解析成对象，这里随便打个log
        string json = JsonConvert.SerializeObject;
        System.Diagnostics.Debug.WriteLine;
        // 假装处理一下比如存数据库……
        return Json;
    }
}

拯救一下。 记得项目里装Newtonsoft.Json，不然上面的JsonConvert会报错。

4、 注意点

• 前端一定要设置contentType为application/json，不然后台收不到。
• 如果你用了记得传__RequestVerificationToken，要不会403。
• 不要忘了在Startup/Program里加services.AddControllers.AddNewtonsoftJson; 否则序列化会出问题。

5、再来点儿杂七杂八的坑和解决办法

坑一：传过去是null。检查一下是不是写对了大小写敏感，公正地讲...。

坑二：后台报错“无法将null转换为非空类型”。这玩意儿是主要原因是模型属性是int之类必须有值，改成int?或者给前端默认值就行，图啥呢？。

坑三：CORS报错。跨域请求的话，在Startup里加app.UseCors;或者直接把前端和后台放同一个域名下。

6、 完整示例页面

    

    用户名：
    密码：
    留言：
    发送数据

7、结束语

我们一起... 其实整个流程就是：前端收集表单 → JSON.stringify → ajax post → MVC用接收 → 业务处理 → 返回json。只要一步没出错，就能顺利把数据从浏览器扔进服务器。别忘了打开浏览器F12看network，有问题直接对比请求头和响应体。

关键字：#JavaScript #AJAX #ASP.NET MVC #表单提交 #JSON #jQuery #教程 #入门 #实战 #SEO优化，胡诌。

本文纯属个人经验分享，如有错误欢迎指正。本文所有代码均可直接复制运行， 不忍卒读。 仅供学习使用，请勿用于非法用途。