WebApi Post 后台无法获取参数的解决方案

事件回放:

之前一段时间,公司里前端用的Angularjs 发送http请求也是用的ng的组件,后台是.Net的WebApi

前端

var data = {PArgs: {PageIndex: 0,PageSize: 8,RowsCount: 0}
};$http.post("/Api/Test/ABC", data).success(function (data) {console.log(data)
});

后台接收

using SignalRDemo.VModel;
using System.Web.Http;namespace SignalRDemo.Api
{public class TestController : ApiController{[HttpPost]public object ABC([FromBody]MMCourse model){return model;}}
}

具体的Model是这样子的

using System;namespace SignalRDemo.VModel
{public class MMCourse : BaseModel{//上传分页public PagerArgs PArgs { set; get; }}public sealed class PagerArgs{/// <summary>/// 分页/// </summary>/// <param name="pageIndex">每页数据条数</param>/// <param name="pageSize">数据总行数</param>public PagerArgs(int pageIndex, int pageSize){this.PageIndex = pageIndex;this.PageSize = pageSize;}/// <summary>/// 当前页索引/// </summary>public int PageIndex { get; set; }/// <summary>/// 每页数据条数/// </summary>public int PageSize { get; set; }}
}
Model

 

流程就是后台建好实体类,创建接口

前台指定要访问的接口,传入与后台接收参数的实体类结构相同的对象,后台就能接收到这个数据。运行正常。


 

后来  某一新建页面  前台没有使用Angularjs,而是用的jQuery,访问同一接口,突然发现 后台接收到的参数一直是null。

WebApi Post方式 怎么会无法获取参数呢?

通过查看控制台的http请求和后台的数据,经过不断的摸索,依次发现几个解决方法,也伴随着一些诡异事件:

 

方案①

首先 后台肯定是成功接收到了请求的,但是由于某种原因,接口方法的输入参数没有值。

初步判断跟类型转换有关,将接收类型改为JObject,就能收到数据了,然后再序列化->反序列化

using Newtonsoft.Json;
using Newtonsoft.Json.Linq;
using SignalRDemo.VModel;
using System.Web.Http;namespace SignalRDemo.Api
{public class TestController : ApiController{[HttpPost]public object ABC([FromBody]JObject model){return JsonConvert.DeserializeObject<MMCourse>(JsonConvert.SerializeObject(model));}}
}

 

 方案②经过修改参数发现,在不改动后台的情况下,如果参数是

var data = {A:1
};

 

 后台收到的数据结构是这样的

{Pargs:{PageIndex:0,PageSize:0}
}

 

不管怎样,数据还是能传递过去,只是webapi将参数转换的时候应该是出了问题。

回头仔细看了一下后台实体类,发现PagerArgs类有一个构造函数 还是要有两个参数的。试着添加了一个无参构造,发现数据能够正常获取了!

这个如果要深究的话  就要研究webapi底层对字符串的反序列化处理了,暂时忽略。

 

 方案③

虽然通过上面两种方式可以迂回解决问题,但是心里还纠结着一个问题:为毛用Ng的$http.post一直没事,换了jQuery.post就发生这么多事?

开始对比两种方式的请求信息

点击数据上方的【view source】 查看发送的字符串

ng :  

{"PArgs":{"PageIndex":0,"PageSize":8,"RowsCount":0}}

 

jq:

PArgs%5BPageIndex%5D=0&PArgs%5BPageSize%5D=8&PArgs%5BRowsCount%5D=0
decode之后是
PArgs[PageIndex]=0&PArgs[PageSize]=8&PArgs[RowsCount]=0

 

 

ng发送的数据跟预想中是一样的  跟发送的对象保持一直的json结构。

但是   jq发送的怎么会成了这种模样?此外  Request Payload跟Form Data又是什么?是Content-Type的区别引起的这些么?

通过查看jq.ajax的Api 找到下面一段

说的就是  如果使用的是post  默认的contentType是“application/x-www-form-urlencoded;charset=UTF-8“,

如果contentType是"..form..",则发送数据的是Form Data
如果是”application/json“ ,则是Request Payload。

 

 

而使用这种内容类型时,会把数据用$.param()转换一次之后再发送。

跟用之前用jq发送的数据内容完全匹配,就是这个原因了。

那这样处理起来就简单了,只需要发送数据前设置contentType="application/json;charset=UTF-8"就可以了。

还有一点要注意的是 ajax是不会发送对象的  最终都要转换成字符串。所以发送的时候需要人为的处理一下。

var data = {PArgs: {PageIndex: 0,PageSize: 8,RowsCount: 0}
};$.ajaxSetup({contentType: "application/json;charset=UTF-8"
})$.post("/Api/Test/ABC", JSON.stringify(data), function (rst) {//TODO
}, "json");

 

 或者

$.ajax({url: "/Api/Test/ABC",dataType: "json",type: "post",contentType: "application/json;charset=UTF-8",data: JSON.stringify(data),success: function (rst) {console.log(rst);}
})

 

转载于:https://www.cnblogs.com/TiestoRay/p/5032202.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/372997.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

南京大学计算机系周小莉,周会群

媒体报道&#xff1a;南京大学周会群&#xff1a;用计算机聪明地做实验Q《中国教育网络》A周会群Q&#xff1a;南京大学的高性能计算中心非常特殊&#xff0c;分布在物理&#xff0c;化学、天文、地球科学四个不同的学科中&#xff0c;为什么采取这种模式&#xff1f;A&#xf…

不要怂,就是GAN (生成式对抗网络) (五):无约束条件的 GAN 代码与网络的 Graph...

GAN 这个领域发展太快&#xff0c;日新月异&#xff0c;各种 GAN 层出不穷&#xff0c;前几天看到一篇关于 Wasserstein GAN 的文章&#xff0c;讲的很好&#xff0c;在此把它分享出来一起学习&#xff1a;https://zhuanlan.zhihu.com/p/25071913。相比 Wasserstein GAN &#…

用于MyBatis CRUD操作的Spring MVC 3控制器

到目前为止&#xff0c;我们已经为域类“ User ”创建了CRUD数据库服务&#xff0c;并且还将MyBatis配置与Spring Configuration文件集成在一起。 接下来&#xff0c;我们将使用Spring MVC创建一个网页&#xff0c;以使用MyBatis CRUD服务对数据库执行操作。 使用MyBatis 3创建…

2pin接口耳机_拆解报告:雷柏首款真无线耳机XS200

-----我爱音频网拆解报告第185篇-----雷柏是一家历史悠久的鼠标和键盘厂商&#xff0c;截至目前&#xff0c;雷柏(rapoo)总共出了四款耳机&#xff0c;此前曾推出过三款蓝牙耳机&#xff0c; 分别是S500 蓝牙立体声麦克风耳机&#xff0c;S200 蓝牙立体声麦克风耳机&#xff0c…

html表单中阴影,html5中input表单加边框,阴影效果.doc

文档介绍&#xff1a;CSS:input:focus{border-color:#99;}获取焦点时改变颜色focus能同时改变宽度长度背景色…….form,p(margin-bottom:30px;margin-left:20px;).shadow,.one,.two,.three,.four,.five,.six( height:50px; width:280px; border:C;).shadow( -moz-box-shadow:C;…

带有GSON和抽象类的JSON

经过多年使用org.json库在Java中支持JSON数据交换格式后&#xff0c;我已切换到Google Gson 。 org.json是一个较低级的库&#xff0c;因此您必须创建JSONObject&#xff0c;JSONArray&#xff0c;JSONString等…并执行其他低级工作。 Gson简化了这项工作。 它提供了简单的toJs…

深入理解javascript原型和闭包(3)——prototype原型

转载&#xff0c;原文地址http://www.cnblogs.com/wangfupeng1988/p/3978131.html 既typeof之后的另一位老朋友&#xff01; prototype也是我们的老朋友&#xff0c;即使不了解的人&#xff0c;也应该都听过它的大名。如果它还是您的新朋友&#xff0c;我估计您也是javascript的…

python 温度 符号_Python通过小实例入门学习---1.0(温度转换)

1.安装Python 3 下载地址: Welcome to Python.org​www.python.org 2.“温度转换”实例:摄氏度--->华氏度 / 华氏度--->摄氏度 TempConvert.py TempStr = input("请输入带有符号的温度值:") if TempStr[-1] in ["f","F"]:C = (eval(Tem…

mysql 修改root密码

1.找到配置文件my.ini &#xff0c;然后将其打开&#xff0c;可以选择用记事本打开 C:\Program Files (x86)\MySQL\MySQL Server 5.0 2.打开后&#xff0c;搜索mysqld关键字&#xff0c;找到后&#xff0c;在mysqld下面添加skip-grant-tables&#xff0c;保存退出。 PS&#x…

联想计算机CDROM启动,联想电脑光驱启动问题?

1、开机按del键或f2进入bios设置(不同主板按键不一样&#xff0c;一般是DEL&#xff0c;也可能是F2&#xff0c;可以参考下主板说明)&#xff0c;将计算机的启动模式调成从光盘启动。也就是从cdrom启动&#xff0c;根据主板的不同&#xff0c;bios设置有所差异(一般是&#xff…

没有J2EE容器的JNDI和JPA

我们希望通过尽可能简单的设置来测试一些JPA代码。 计划仅使用Java和Maven&#xff0c;不使用应用程序服务器或其他J2EE容器。 我们的JPA配置需要两件事才能成功运行&#xff1a; 数据库来存储数据&#xff0c; JNDI访问数据库。 这篇文章分为两个部分。 第一部分显示了如何…

string 大小写转换

STL的algorithm库确实给我们提供了这样的便利&#xff0c;使用模板函数transform可以轻松解决这个问题&#xff0c;开发人员只需要提供一个函数对象&#xff0c;例如将char转成大写的toupper函数或者小写的函数tolower函数。 transform原型&#xff1a; 1 #include <string&…

linux服务器上svn的log_如何在 Centos 8 / RHEL 8 上安装和配置 VNC 服务器 | Linux 中国...

在 Centos 8 和 RHEL 8 系统中&#xff0c;默认未安装 VNC 服务器&#xff0c;它需要手动安装。在本文中&#xff0c;我们将通过简单的分步指南&#xff0c;介绍如何在 Centos 8 / RHEL 8 上安装 VNC 服务器。-- Pradeep KumarVNC(虚拟网络计算Virtual Network Computing)服务器…

怎么把网页保存到本地计算机,在IE浏览器中,将网页保存到本地计算机中,若只需保存其中的文字、超链接和表格信息,应该选择的保存类型为( )...

2.(2017高一上东台月考)阅读下面一段资料&#xff0c;判断在给出的几种说法中不正确的是( )资料&#xff1a;IP电话与传统电话IP电话是按国际互联网协议规定的网络技术内容开通的电话业务&#xff0c;中文翻译为网络电话或互联网电话&#xff0c;它是利用国际互联网Inetrnet为…

html_博客博主

csdn: 工匠若水 http://blog.csdn.net/yanbober yunama: IT蓝豹&#xff1a;http://www.itlanbao.com/&#xff1b; http://ask.dcloud.net.cn/docs/; 博客园&#xff1a; https://www.cnblogs.com/guweiwei/category/965437.html转载于:https://www.cnblogs.com/awkflf11/p/55…

Windows上的Java线程CPU分析

本文将为您提供一个教程&#xff0c;介绍如何在Windows OS上快速查明Java线程贡献者与CPU严重问题有关。 Windows与Linux&#xff0c;Solaris和AIX等其他操作系统一样&#xff0c;使您可以在进程级别监视CPU利用率&#xff0c;还可以监视在进程中执行任务的单个线程。 在本教程…

flask 继承模版的基本使用1

转载于:https://www.cnblogs.com/wanghaonull/p/6399492.html

东芝2303am维护清零_东芝打印机2303A怎样清零

展开全部东芝e68a843231313335323631343130323136353331333365653137打印机是按照相关要求生产的正规产品&#xff0c;其清零方式与正规产品相同。因此此处将介绍常用的打印机清零方法。打印机清零一般分两种&#xff1a;一种是手工清零&#xff0c;另一种是软件清零。一、手工…

计算机日期函数公式大全,Excel技巧: 根据日期汇总月份的计算公式

在许多情况下&#xff0c;Excel记录的数据将按照发生的日期进行记录&#xff0c;但是根据日期记录的数据将非常分散&#xff0c;通常需要每月汇总相应的数据. 在这种情况下&#xff0c;您需要将日期转换为月份. 本文介绍了如何使用SUMPRODUCT函数按月汇总数据.公式提示在SUMPRO…

Java陷阱:内部类中的字段访问

这本身不是一个“陷阱”&#xff0c;而是一个值得了解的实现细节。 假设我有一个带有字段的内部类。 这样的字段对于封闭的类是可见的&#xff0c;但是以下哪种方法是访问它的最快方法&#xff1f; 注意&#xff01; 我只在这里查看生成的字节码&#xff0c;而不考虑任何JIT优化…