前端 浏览器请求到服务器响应数据的时候 将数据全部显示

2020-09-12  本文已影响0人  哈哈哈哈哈嘎嘎

引用类型的数据在谷歌浏览器中打印的时候会出现三个点  每个属性都要点击之后才能显示

比如这个请求的数据:

222

---------------------------------------------------------------------------------------------------------------------

                                       案列 1    引用打印时:

                            案列  1                直接打印 对象不使用引用:


对比这两种打印方式 可以很明显看出 :

打印的是变量引用的地址的 浏览器不会将对象里的值给显示  需要手动点击每一个才会显示

而直接打印的时对象 将会显示对象的全部属性 嵌套对象的话需要多次点击 但每个对象里的属性都可以显示出来


那么想要打印指定的对象的话就需要

将原有的对象 转换为新的对象 

并直接放在打印方法里。

---------------------------------------------------------------

console.log(JSON.parse(JSON.stringify(放入要打印的对象)))

+++++++++++++++++++++++++++++++++++++++


   



                                          谷歌浏览器                  第一张 图片 全部显示


                                                                    在火狐中测试

                        console.log(对象)   和  console.log(JSON.parse(JSON.stringify(对象)))  的打印区别



                                            在vscode中定义快捷按键 代码片段


        最后 :    当然也可以通过 开发者工具 Network 项 找到那条数据请求的链接

                        查看的服务器响应的数据

                        在这里 也可以全部显示 数据

上一篇下一篇

猜你喜欢

热点阅读