js 页面报错 Cannot read property length of null

最新推荐文章于 2023-11-10 14:49:22 发布
原创 最新推荐文章于 2023-11-10 14:49:22 发布 · 2.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文讲述了在后台开发中遇到的一个常见问题：Mapper XML文件中的错误导致的程序异常。具体表现为查询结果为null，进一步排查发现是由于返回值类型设置错误引起的。文章详细介绍了问题的定位过程及解决方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

百度后说是后台的错误，然后就debug, 果然是，查询的结果为null, 但是页面传参需要json格式，所以就报错。

找问题所在就一步一步找，最后发现是mapper.xml出错，检验sql语句没错，最后发现是返回值的类型写错了。

 

这种错误一般是参数传递造成的。

js报错uncaught typeerror: cannot read property 'length' of null
Kirahusb的博客
04-26 6465
js报错uncaught typeerror: cannot read property ‘length’ of null 先上问题代码： fmt_customerLaber : function (column,row){ var cuslaber =""; if( row.cusLabelList ！= null...
解决uni-app报错Cannot read property ‘length‘ of undefined
Lcynsyw的博客
02-02 3325
解决uni-app报错Cannot read property 'length' of undefined
Cannot read property 'length' of null
Bambi12的博客
08-11 864
Cannot read property 'length' of null
Uncaught TypeError: Cannot read property 'length' of null
君当自强
10-22 1万+
前端页面不显示，console中报错：Uncaught TypeError: Cannot read property 'length' of null 代码如下： <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <!DOCTYPE html&gt...
TypeError: Cannot read property ‘length‘ of null
imkaifan的博客
08-14 2442
参考如下代码讲解： 在请求回调里将请求返回的值进行一个赋值操作，如果我们的后台不规范，当数据为空的时候，给前端返回了一个null，而不是一个空数组。而且此时可以看到我们在代码中其实是用到了这个值进行了一个判断渲染，null上面怎么会有length属性呢。 所以不妨看一看后台接口返回的是个什么鬼。 <sn-container left="74.3" top="4.25" :show="Boolean(annunciator.data.length)"> <sn-figure
报错Cannot read property 'length' of null
weixin_42607424的博客
08-14 2895
Firefox 61.0.2 可以执行，IE11, Chrome 68.0.3440.106, Opera 54.0不可以 是判断不到位？   function getHTTPObject(){     if(typeof XMLHttpRequest=="undefined")        XMLHttpRequest = function(){         try{ return ...
vue axios并发请求 【 解决echarts报错Cannot read property ‘getAttribute‘ of null】
weixin_52084329的博客
11-17 665
在写中国地图和世界地图切换的时候，由于要两次进行网络请求调用api，而echarts渲染又不能多次渲染，所以就报了这么一个错误：echarts.js Uncaught TypeError: Cannot read property ‘getAttribute’ of null 错误原因分析：解决方法： 让两个请求都调用完，在进行渲染——执行多个并发请求 官方示例： 使用axios配合axios.all()、axios.spread()同时发送多个请求，axios.all()并发执行两个请求，两个请求执行完成
CocosCreator场景动态加载预置物体，二次加载场景报错TypeError: Cannot read property 'length' of null
楊帥
11-13 2583
TypeError: Cannot read property 'length' of null这个错的是js上面报错，原因就是参数不符合规格，有null存在，那么就重点排查每一个参数的的值。 出问题代码： logUtils.log("aaaaa=======", this.bt); where.node.addChild(this.bt); 打印首次加载参数值 打印二次加载参数的值 进行...
cordova requirements报错cannot read property “length“ of undefined
Downsiren的博客
10-26 719
巨坑警告⛏ 问题 Cordova build 时候报错 Cannot read property ‘length’ of undefined 解决方法 方法一： 大多数人出现这个原因是因为没有配置gradle环境，android studio 3.5开始不自带gradle导致 恰巧我也是android studio 3.5，恰巧我也没有配置gradle环境，于是第一步 配置gradle环境 下载...
关于 Cannot read property ‘length‘ of null 报错的解决办法
tqq的博客
08-05 2079
最近在搞前端的时候突然报了Cannot read property ‘length’ of null的错,一开始都是在前端调试错,发现解决不了问题,后来发现如果你所查找的数据条数为0的时候,后端返回给前端是null,此时必然报错Cannot read property ‘length’ of null. 解决办法: 如果后端的返回值为null,就需要我们在后端返回一个空的list数组 本人错误的后台代码: 如果返回data有数据,那么返回Data=data,如果没有数据,我们没有给前端返回一个data,所以
项目中遇到Cannot read property 'length' of null
weixin_41656074的博客
04-12 1万+
最近在做一个动态路由的项目,需要有三层嵌套循环去改变后台传过来的数据字段以及其他操作,比如给component值加".index"等. 遍历第三层时,报错Cannot read property 'length' of null 然后苦思冥想,发现是因为第三层的只有下标为3的字段是不为空的,其他下标的字段都为空.所以没有遍历到就报错没有读取到length 后台返回的数据如下,permiss...
Uncaught TypeError: Cannot read property ‘length‘ of null解决经验贴
weixin_36466834的博客
12-11 5239
这是因为length属性不能测null的长度，所以在使用length属性前可以先判断一下某个字段是否可能为null。例： if( result != null) { if (0 != result.length) //操作; }
日常-关于“Cannot read property 'length' of null”报错
_继先的博客
04-09 4万+
“Cannot read property ‘length’ of null”这个错误之前也遇到过,但是解决了没总结也就给丢了. 情景: 今天运行之前的页面突然就不能用了,F12一看报错了,就是“Cannot read property ‘length’ of null”,于是各种找问题,一段一段代码注释掉,发现是在datagrid加载的时候报的错,因为之前对日期格式化更改了方法,但是注释掉这部分
关于 Cannot read property 'length' of null 报错的解决办法
李光 未来科技
06-16 8万+
最近在搞前端的时候突然报了Cannot read property ‘length’ of null的错,一开始都是在前端调试错,发现解决不了问题,后来发现如果你所查找的数据条数为0的时候,后端返回给前端是null,此时必然报错Cannot read property ‘length’ of null. 解决办法: 如果后端的返回值为null,就需要我们在后端返回一个空的list数组 本人错误的后...
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
理论都是虚的，代码才是王道。
11-10 12万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
js 关于 Cannot read property ‘length‘ of null 报错的解决办法
weixin_39501680的博客
12-03 1147
最近开发遇到一个很奇怪的报错，找了半天终于解决了； Cannot read property ‘length’ of null 报错的解决办法 <div class="infoseek-bot" v-if=" invData.invoiceStatus !== 4 && invData.invoiceList.length " ></div>
不能读取变量的length属性
感恩、奋进、自信
08-12 2345
控制台输出的信息为：Uncaught TypeError:cannot read property 'length' of null 出现这种现象的原因：变量s为字符类型时，s=null的时候，当用var len = s.length，就会报上面的错误 解决方法：用if语句判断s为null的时候，将s改成：s='';
报错 Cannot read property 'replace' of undefined
最新发布
05-14
### 解决方案分析 在处理 `input` 的 `change` 事件时，如果遇到 `'Cannot read property 'replace' of undefined'` 错误，通常是因为尝试调用 `.replace()` 方法的对象未被正确初始化或为空值。这种情况下，需确保目标对象始终为有效的字符串类型[^1]。 #### 错误原因剖析 该错误的核心在于对 `undefined` 类型变量调用了 `.replace()` 方法。具体来说： - 当输入框中的值为空 (`''`) 或者由于某些逻辑导致获取不到实际值时，可能会返回 `undefined`。 - 如果后续代码直接对该潜在的 `undefined` 值调用 `.replace()` 方法，则会抛出上述异常。 因此，在执行替换操作前应先验证目标值的有效性。 #### 改进后的代码实现 以下是改进版的 JavaScript 函数，它不仅解决了原始问题还增强了健壮性和用户体验： ```javascript function clearNoNum(inputElement) { if (!inputElement || typeof inputElement.value !== 'string') return; let value = inputElement.value.trim(); // 判断是否为 undefined 或 null 并转换成空串以防报错 if (typeof value === 'undefined' || value === null) { value = ''; } // 清除所有非数字和小数点之外的字符 value = value.replace(/[^\d.]/g, ''); // 确保只有一个小数点存在 while (value.indexOf('.') < value.lastIndexOf('.')) { value = value.slice(0, value.lastIndexOf('.')); } // 防止以 '0' 开头再加额外数字的情况（除了 . 后面） if (value.charAt(0) === '0' && value.length > 1 && value.charAt(1) !== '.') { value = value.charAt(0); } // 设置回原输入框 inputElement.value = value; } // 千分位格式化函数 function toFormatAmount(inputElement) { if (!inputElement || typeof inputElement.value !== 'string') return; let value = inputElement.value.trim(); if (value.includes('.')){ const parts = value.split('.'); value = formatNumber(parts[0]) + '.' + parts[1]; }else{ value = formatNumber(value); } inputElement.value = value; } function formatNumber(num){ return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); } ``` 在此版本中增加了对于 `undefined` 和 `null` 输入值得预处理步骤，从而避免了可能出现的相关运行期错误。另外通过循环删除多余的小数点保证最终结果符合标准金额格式要求[^2]。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值