问题描述：Uncaught TypeError: Cannot read property‘变量名‘ of undefined

最新推荐文章于 2024-03-27 17:17:18 发布

浅梦shallowdream

最新推荐文章于 2024-03-27 17:17:18 发布

阅读量1.8k

点赞数

分类专栏：前端文章标签： json javascript

本文链接：https://blog.csdn.net/qq_45740369/article/details/116189000

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

问题描述：Uncaught TypeError: Cannot read property’变量名’ of undefined

在ajax请求中获取json数据，报错Uncaught TypeError: Cannot read property'变量名' of undefined，先贴代码

<!DOCTYPE html>
<!--请求QQ音乐api-->
<html>
    <head>
        <meta charset="utf-8">
        <title>useAjax</title>
    </head>
    <div>
        <p id="show"></p>
    </div>
<body>
<script src="getAjax.js" type="text/javascript"></script>
<script type="text/javascript">
      getAjax("https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8¬ice=0&platform=h5&needNewCode=1&tpl=3&page=detail&type=top&topid=36&_=1520777874472",function(xhr){
        //console.log(xhr)
        var data=xhr.responseText;

        var a = data.songlist[0].data.albumname;
        //var h1 = document.createElement("p");
        //h1.innerHTML = a;
       //document.body.appendChild(h1);

        var show = document.getElementById('show');
        show.innerHTML = a;
    })
</script>
</body>
</html>

这里控制台报错： ![1](https://img-blog.csdnimg.cn/20210427085626379.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzQwMzY5,size_16,color_FFFFFF,t_70#pic_center)

原因分析：

这里显示 *Uncaught TypeError: Cannot read property '0' of undefined* 在网上查阅相关资料后，发现是数据格式问题，我的代码请求返回的数据是json格式，在js中类型就变成了字符串，自然就不能当做对象使用，所以这一行就会出错

 var a = data.songlist[0].data.albumname;

解决方案：

这一行代码:

var data=xhr.responseText;

改为：

 var data=eval("("+xhr.responseText+")");

这里使用eval函数，将json字符串转变为json对象
这样就能显示数据了 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210427091426619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzQwMzY5,size_16,color_FFFFFF,t_70)

这里还有一个问题 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210427091528274.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzQwMzY5,size_16,color_FFFFFF,t_70)

目前还不知道什么原因，但数据能正常显示，等以后搞清楚了再补上

浅梦shallowdream

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
问题描述：Uncaught TypeError: Cannot read property‘变量名‘ of undefined

问题描述：Uncaught TypeError: Cannot read property’变量名’ of undefined在ajax请求中获取json数据，报错Uncaught TypeError: Cannot read property'变量名' of undefined，先贴代码<!DOCTYPE html><html> <head> <meta charset="utf-8"
复制链接

扫一扫