关于 Cannot read property 'length' of null 报错的解决办法

最新推荐文章于 2025-09-12 15:44:56 发布

原创最新推荐文章于 2025-09-12 15:44:56 发布 · 8.5w 阅读

25 ·

CC 4.0 BY-SA版权

其他专栏收录该内容

36 篇文章

订阅专栏

本文探讨了在前端开发中遇到的Cannotreadproperty‘length’ofnull错误,该错误通常发生在后端返回null而非空数组时。文章详细解释了错误产生的原因，并提供了修改后端代码的解决方案，确保即使在没有数据的情况下也返回一个空的list数组，从而避免前端报错。

最近在搞前端的时候突然报了Cannot read property ‘length’ of null的错,一开始都是在前端调试错,发现解决不了问题,后来发现如果你所查找的数据条数为0的时候,后端返回给前端是null,此时必然报错Cannot read property ‘length’ of null.
解决办法:
如果后端的返回值为null,就需要我们在后端返回一个空的list数组

本人错误的后台代码:

如果返回data有数据,那么返回Data=data,如果没有数据,我们没有给前端返回一个data,所以在前端就接受到的是个null

            var data = IScreenshot.GetAllStuScreenInfo(studentId);
            return data.Count != 0 ? new AjaxResult() { Status = "ok",Data=data } : new AjaxResult() { Status = "error",ErrorMsg= "暂时未能查询到任何信息"};

改正后的后台代码:加上一个data,此时data的值为空的list.

         var data = IScreenshot.GetAllStuScreenInfo(studentId);
            return data.Count != 0 ? new AjaxResult() { Status = "ok",Data=data } : new AjaxResult() { Status = "error",ErrorMsg= "暂时未能查询到任何信息",Data=data};