mvc5 webap2 前台如何使用 ajax 请求后台API

2020-12-13 02:29

阅读：364

标签：style blog http java color get

按照正常的写法，总是出现404错误，研究了很久，在这里找到了解决方案：http://buxuxiao.com/article/using-jquery-to-post-frombody-parameters-to-web-api

现在总结一下,

单个参数的情况下:

1、后台参数正确的写法如下:

        
[Route("Services/{controller}/{action}")]
[HttpPost]
[HttpGet]
public string UploadTransportNetworkAlarmChat([FromBody]string obj)
{
 ...
}

必须在参数列表前面加上[FormBody]标签。

2、前台的参数，仍然以key-value方式添加，但KEY的名字必须置为空：

$.ajax({
                type: "POST",
                url: "../Services/ChatTest/UploadTransportNetworkAlarmChat",
                data: {"":"helloWorld"},
                dataType: ‘JSON‘,
})

多个参数的情况下，

1、后台需要定义实体类，参数列表中不用增加[FromBody]标签，如下：

    public class tempObj
    {
        public string imgBase64 { get; set; }
        public string name { get; set; }
    }

接收方法：

[Route("Services/{controller}/{action}")]
        [HttpPost]
        [HttpGet]
        public string UploadTransportNetworkAlarmChat(tempObj obj)
        {}

2、前台仍然使用JSON

            var TempObj = { "imgBase64": image, "name": "helloWorld" }
            $.ajax({
                type: "POST",
                url: "../Services/ChatTest/UploadTransportNetworkAlarmChat",
                data: TempObj,
                dataType: ‘JSON‘,
            })
              .done(function (data) {
                  alert("Data Loaded: " + data);
              });

mvc5 webap2 前台如何使用 ajax 请求后台API,搜素材,soscw.com

mvc5 webap2 前台如何使用 ajax 请求后台API

标签：style blog http java color get

原文地址：http://www.cnblogs.com/perpetual/p/3769927.html

上一篇：webview 文字复制

下一篇：阿里P8大牛：教你如何定制JAVA程序员的学习及职业规划

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：mvc5 webap2 前台如何使用 ajax 请求后台API
文章链接：http://soscw.com/essay/25702.html

亲，登录后才可以留言！

mvc5 webap2 前台如何使用 ajax 请求后台API

评论

热门文章

推荐文章

最新文章

置顶文章