axios调用.net Core方法并传输参数

- 日理万妓 2022-12-08 05:36 112阅读 0赞

#  使用 Vue axios插件调用.net Core方法的三种方式 #

##  第一种，动态类型接收 ##

var a = { 'a': 1, 'b': 2 };
    axios({
        url: '/Login/Register',
        method: 'post',
        data: JSON.stringify(a),
        headers: {
              'Content-type': 'application/json'
        },
     }).then(res => {
          console.log(1234, res.data)
    }).catch(error => {
          console.log(error)
    })

[HttpPost]
    public string Register([FromBody] dynamic jsonData)
    {
          string data = Convert.ToString(jsonData);
          return data;
    }

## 第二种，字典类型接收   ##

var a= { 'jsonData': 1 };
    axios({
        url: '/Login/Registerdy',
        method: 'post',
        data: { json: JSON.stringify(a)} ,
        headers: {
        'Content-type': 'application/json'
        }
    }).then(res => {
        console.log(1234, res.data)
    }).catch(error => {
        console.log(error)
    })

[HttpPost]
    public string Registerdy([FromBody] Dictionary<string, string> json)
    {
           return json["jsonData"];
    }

## 第三种，实体类接收 ##

var a = { 'a': 1, 'b': 2 };
    axios({
        url: '/Login/Registermo',
        method: 'post',
        data: { jsonData: JSON.stringify(a)} ,
        headers: {
            'Content-type': 'application/json'
        }
    }).then(res => {
        console.log(1234, res.data)
    }).catch(error => {
        console.log(error)
    })

[HttpPost]
    public string Registermo([FromBody] test model)
    {
        return model.jsonData;
    }

public class test
    {
        public string jsonData { get; set; }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，112人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios调用.net Core方法并传输参数

使用 Vue axios插件调用.net Core方法的三种方式第一种，动态类型接收 var a = { 'a': 1, 'b': 2 };

- 日理万妓/ 2022年12月08日 05:36/ 0 赞/ 113 阅读

相关 axios的delete两种调用方法

// axios(\{ // method: 'delete', // url: 'http://localhost:5000/api/EmployeeInfo/10',

阳光穿透心脏的1/2处/ 2022年10月23日 08:26/ 0 赞/ 244 阅读

相关 Android和JS之间互相调用方法并传递参数

场景 Android中使用WebView加载本地html并支持运行JS代码和支持缩放： [https://blog.csdn.net/BADAO\_LIUMANG\_Q

╰+哭是因爲堅強的太久メ/ 2022年10月04日 15:55/ 0 赞/ 315 阅读

相关 .NET Core

.NET Core 是一个通用开发平台，由 Microsoft 和 GitHub 上的 .NET 社区共同维护。它是跨平台的，支持 Windows、macOS 和 Linux

喜欢ヅ旅行/ 2022年06月10日 03:17/ 0 赞/ 270 阅读

相关 Asp.Net Core使用SignalR进行服务间调用

原文: [Asp.Net Core使用SignalR进行服务间调用][Asp.Net Core_SignalR] 网上查询过很多关于ASP.NET core使用SignalR

野性酷女/ 2022年03月29日 04:15/ 0 赞/ 220 阅读

相关 .NET Core StackExchange.Redis使用方法

一、引入StackExchange.Redis 打开NuGet, 点击“浏览”页面，输入“StackExchange.Redis”，进行安装。 ![watermark_

谁借莪１个温暖的怀抱￠/ 2022年02月25日 09:54/ 0 赞/ 693 阅读

相关 .net core 高吞吐远程方法调用组件XRPC

XRPC的目标非常明确，就是给.net core平台实现一个百万级别的远程方法调用RPC通讯组件。它的设计理念和GRPC一样，基于连接复用的机制实现高吞的性能；XRPC采用了H

本是古典何须时尚/ 2022年01月30日 16:21/ 0 赞/ 127 阅读

相关 .net core 调用webservice

1.点击core项目添加链接的服务 ![528422-20190320170622336-374161732.png][] ![528422-201903201707431

向右看齐/ 2021年12月24日 13:35/ 0 赞/ 340 阅读

相关 .net core EF Core 调用存储过程

在这里，我们将尝试去学习一下 .net core EF Core 中调用存储过程。我们知道，EF Core 是不支持直接调用存储过程的，那它又提供了什么样的方式去执行存储过

我就是我/ 2021年12月21日 21:15/ 0 赞/ 396 阅读

相关关于 .NET Core(.NET Core 指南)

关于 .NET Core .NET Core 具有以下特性：跨平台：可以在 Windows、macOS 和 Linux [操作系统][Link 1]上运行。

ゞ浴缸里的玫瑰/ 2021年06月26日 16:06/ 0 赞/ 601 阅读