.net core 前端传递参数有值 后端接收到的数据却是null

简介: 1、问题分析在做接口测试时,偶然出现了前端输出有值,但是后端断点调试时却出现接收参数总是为null的情况2、解决办法前端打印log,看前端的每一个传值的数据类型,与后端请求参数类进行认真的一一比对小技巧:① 直接打印调用接口的传参值的数据类型,例如console.log(type of this.form.name) --stringconsole.log(type of this.form.age) --number打印的数据类型与后端接口的参数类比对,查出不对应的类型② 关于非必填的值,默认传值可能出现空字符串(' ')、NaN值(Not a Number

1、问题分析

在做接口测试时,偶然出现了前端输出有值,但是后端断点调试时却出现接收参数总是为null的情况

2、解决办法

前端打印log,看前端的每一个传值的数据类型,与后端请求参数类进行认真的一一比对

小技巧:
① 直接打印调用接口的传参值的数据类型,例如
console.log(type of this.form.name) --string
console.log(type of this.form.age) --number
打印的数据类型与后端接口的参数类比对,查出不对应的类型
② 关于非必填的值,默认传值可能出现空字符串(' ')、NaN值(Not a Number,非数;是计算机科学中> 数值数据类型的一类值,表示未定义或不可表示的值)
此时注意值的转换,比如时间戳的long类型,不传值给个0,传参的时候可以这样写:
this.form.time || 0 即可
默认为short、int、long等值传值为字符串的话,可以使用
1)Number():
全局方法Number()可把字符串转换为数字;
==》包含数字的字符串(比如 "3.14")转换为数字(比如 3.14);
例如:Number("3.14") // 返回 3.14
==》空的字符串转换为 0;
例如:Number("") 或Number(" ") // 返回 0
==》其他字符串将转换为NaN。
例如:Number("11 22") // 返回 NaN
2)parseFloat():解析字符串并返回浮点数
例如:parseFloat("10.33") // 返回 10.33
3)parseInt():解析字符串并返回整数
例如:parseInt("10") // 返回 10

比如后端某个请求参数类型为string,前端传了null
再比如后端某个请求参数类型为long,前端传了''
前端所有传值的类型包括可空字段的赋值必须和后端请求参数类型一一对应即可解决,找了好一会,特此做下记录以帮助也遇到此问题的同学。

3、参考链接

JavaScript 类型转换
JavaScript 全局属性/函数

以上就是.net core 前端传递参数有值 后端接收到的数据却是null的介绍,做此记录,如有帮助,欢迎点赞关注收藏!

目录
相关文章
|
1月前
|
前端开发 JavaScript
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
这篇文章介绍了使用AJAX技术将前端页面中表单接收的多个参数快速便捷地传输到后端servlet的方法,并通过示例代码展示了前端JavaScript中的AJAX调用和后端servlet的接收处理。
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
|
1月前
|
前端开发
第一种方式:使用form表单将前端数据提交到servelt(将前端数据提交到servlet)
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
第一种方式:使用form表单将前端数据提交到servelt(将前端数据提交到servlet)
|
1月前
|
JavaScript 前端开发
Vue中传递自定义参数到后端、后端获取数据(使用Map接收参数)
这篇文章讲述了如何在Vue中通过Axios二次封装传递自定义参数到后端,并展示了后端如何使用Map接收这些参数,以及如何避免参数转换错误和统一接口设计的方法。
|
19天前
|
前端开发 API 开发者
JSF与RESTful服务的完美邂逅:如何打造符合现代Web潮流的数据交互新体验
【8月更文挑战第31天】随着互联网技术的发展,RESTful架构风格因其实现简便与无状态特性而在Web服务构建中日益流行。本文探讨如何结合JavaServer Faces (JSF) 和 JAX-RS 构建RESTful API,展示从前端到后端分离的完整解决方案。通过定义资源类、配置 `web.xml` 文件以及使用依赖注入等步骤,演示了在JSF项目中实现RESTful服务的具体过程,为Java开发者提供了实用指南。
28 0
|
19天前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
42 0
|
2月前
|
监控 前端开发 JavaScript
|
29天前
|
存储 前端开发 Serverless
中后台前端开发问题之Django项目中接收和处理用户的抽奖请求如何解决
中后台前端开发问题之Django项目中接收和处理用户的抽奖请求如何解决
12 0
|
2月前
|
开发框架 前端开发 JavaScript
循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产品信息页面的处理
循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产品信息页面的处理
|
2月前
|
开发框架 JavaScript 前端开发
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
|
2月前
|
前端开发 JavaScript PHP
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
36 0

热门文章

最新文章