首页 > Windows开发 > 详细

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

时间:2014-06-29 12:32:33      阅读:791      评论:0      收藏:0      [点我收藏+]

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

 

现在总结一下,

单个参数的情况下:

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

 

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

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

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

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

 

多个参数的情况下,

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

bubuko.com,布布扣
    public class tempObj
    {
        public string imgBase64 { get; set; }
        public string name { get; set; }
    }
bubuko.com,布布扣

接收 方法:

bubuko.com,布布扣
[Route("Services/{controller}/{action}")]
        [HttpPost]
        [HttpGet]
        public string UploadTransportNetworkAlarmChat(tempObj obj)
        {}
bubuko.com,布布扣

2、前台仍然使用JSON

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

 

 

 

mvc5 webap2 前台如何使用 ajax 请求后台API,布布扣,bubuko.com

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!