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 }
        });

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

}
相关推荐
吃面不喝汤664 分钟前
Flask + Swagger 完整指南:从安装到配置和注释
后端·python·flask
讓丄帝愛伱1 小时前
spring boot启动报错:so that it conforms to the canonical names requirements
java·spring boot·后端
weixin_586062021 小时前
Spring Boot 入门指南
java·spring boot·后端
凡人的AI工具箱7 小时前
AI教你学Python 第11天 : 局部变量与全局变量
开发语言·人工智能·后端·python
是店小二呀7 小时前
【C++】C++ STL探索:Priority Queue与仿函数的深入解析
开发语言·c++·后端
canonical_entropy8 小时前
金蝶云苍穹的Extension与Nop平台的Delta的区别
后端·低代码·架构
我叫啥都行8 小时前
计算机基础知识复习9.7
运维·服务器·网络·笔记·后端
无名指的等待7129 小时前
SpringBoot中使用ElasticSearch
java·spring boot·后端
.生产的驴10 小时前
SpringBoot 消息队列RabbitMQ 消费者确认机制 失败重试机制
java·spring boot·分布式·后端·rabbitmq·java-rabbitmq
AskHarries10 小时前
Spring Boot利用dag加速Spring beans初始化
java·spring boot·后端