.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的介绍,做此记录,如有帮助,欢迎点赞关注收藏!

目录
相关文章
|
5月前
|
前端开发
【前端统计图】hcharts实现堆叠柱形图(与后台数据交互)
【前端统计图】hcharts实现堆叠柱形图(与后台数据交互)
31 0
|
4月前
|
前端开发 JavaScript API
前端 excelex 包可将数据保存为 xls、xlsx、csv、txt 文件(支持单元格样式、合并单元格等)
前端 excelex 包可将数据保存为 xls、xlsx、csv、txt 文件(支持单元格样式、合并单元格等)
64 1
|
3月前
|
前端开发 JavaScript 关系型数据库
若依框架------后台路由数据是如何转换为前端路由信息的
若依框架------后台路由数据是如何转换为前端路由信息的
109 0
|
10天前
|
存储 缓存 前端开发
前端如何利用indexDB进行数据优化
使用IndexedDB作为浏览器内置的客户端数据库,用于存储大量数据和实现离线支持。它能缓存常用数据,减少服务器请求,提高用户体验。IndexedDB支持数据索引、复杂查询及版本管理,允许离线操作并同步到服务器。但需熟悉其异步API,可借助Dexie.js、localForage等库简化使用。
|
2月前
|
前端开发 Java API
WebSocket vs SSE: 实时数据推送到前端的选择与实现(详细)
WebSocket vs SSE: 实时数据推送到前端的选择与实现(详细)
273 0
|
2月前
|
JavaScript 前端开发 开发者
深入理解前端框架Vue.js的数据响应式原理
本文将深入探讨Vue.js前端框架中的数据响应式原理,包括双向绑定、依赖追踪和虚拟DOM等核心概念。通过详细解析Vue.js内部实现机制,读者能够更好地理解其工作原理,并在实际开发中更灵活地运用。
|
3月前
|
前端开发 JavaScript
工作这么久了,还不懂如何使用纯前端实现分页吗?-假如后端一股脑返回给你所有数据,让你自个实现分页该怎么办
工作这么久了,还不懂如何使用纯前端实现分页吗?-假如后端一股脑返回给你所有数据,让你自个实现分页该怎么办
73 0
|
3月前
|
开发框架 前端开发 JavaScript
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
100 0
|
4月前
|
JSON 前端开发 Java
JAVA后端向前端传递Long类型数据,导致数据不一致
JAVA后端向前端传递Long类型数据,导致数据不一致
94 0
|
4月前
|
前端开发 JavaScript
前端 dlhelper 下载辅助库(支持链接后台下载、代理下载、Blob 数据下载,针对代理下载灵活使用)
前端 dlhelper 下载辅助库(支持链接后台下载、代理下载、Blob 数据下载,针对代理下载灵活使用)
34 1