axios.post 参数传递webapi问题

原创已于 2023-11-15 15:09:59 修改 · 298 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #axios

于 2023-05-05 16:53:36 首次发布

axios 专栏收录该内容

5 篇文章

订阅专栏

文章介绍了如何在前端Vue应用中使用TS编写异步函数SetParameter，通过axios库向后端WebAPI发送POST请求，传递Name和Value参数。后端接收到参数后，通过ParamModel类进行处理并调用SQLiteHelper设置激光打标参数。

一.实体传参

1.前端VUE写法

<script setup lang="ts"  >
 
import axios from 'axios'
const SetParameter = async (Name: any, Val: any) => {
	let pa = { Name: Name, Value: Val }

	axios.post(global_const.WEBAPI + `Hanslaser/SetParameter`, pa).then(response => {

	}).catch(err => {

	})
}

2.后端webapi

        /// <summary>
        /// 设置激光打标参数
        /// </summary>
        /// <param name="Name"></param>
        /// <param name="val"></param>
        [HttpPost(Name = "SetParameter")]
        public int SetParameter(ParamModel pm)
        {
          return  SqliteHelper.SetParamter(pm.Name, pm.Value);
        }