ASP.NET Core 7 MVC 使用 Ajax 和控制器通信

ASP.NET Core MVC中,如果前端使用ajax访问后端,后端的代码可以直接使用控制器,控制器返回值建议JSON格式,利用POST参数做一些验证传值

前端代码:

javascript 复制代码
$.ajax({
    url: "Test",
    type: "POST",
    data: {
        "name": "Jackson"
    },
    dataType: "json",
    success: function (data) {

        //转换后端返回的json字符串
        let obj = $.parseJSON(JSON.stringify(data));

        //读取转换后的内容
        let jieguo = obj.result;
        let mingzi = obj.value;
    },
    error: function () {
       //失败处理
    }
});

后端代码(控制器)

cs 复制代码
public IActionResult Test(IFormCollection pm)
{
    //自己可以加一些验证

    //获取POST参数值
    string? s1 = pm["name"];

    //自己加需要执行的代码

    //返回JSON串,
    return Json(new Dictionary<string, string>
        {
            {"result","suucess"},
            {"value",s1 }
        });

     //还可以自己定义非法访问的处理方式和返回值

}
相关推荐
大得3697 分钟前
django生成迁移文件,执行生成到数据库
后端·python·django
寻月隐君11 分钟前
Rust Web 开发实战:使用 SQLx 连接 PostgreSQL 数据库
后端·rust·github
RainbowSea28 分钟前
伙伴匹配系统(移动端 H5 网站(APP 风格)基于Spring Boot 后端 + Vue3 - 06
java·spring boot·后端
Keya37 分钟前
MacOS端口被占用的解决方法
前端·后端·设计模式
用户90967830694339 分钟前
Python 判断一个字符串中是否含有数字
后端
jakeswang41 分钟前
应用缓存不止是Redis!——亿级流量系统架构设计系列
redis·分布式·后端·缓存
RainbowSea43 分钟前
伙伴匹配系统(移动端 H5 网站(APP 风格)基于Spring Boot 后端 + Vue3 - 05
vue.js·spring boot·后端
污橘1 小时前
Nginx反向代理Oracle
后端·程序员
紫穹1 小时前
005.LangChain Model
后端
葡萄城技术团队1 小时前
六大缓存(Caching)策略揭秘:延迟与复杂性的完美平衡
后端