Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >如何查看后端接口数据结构

如何查看后端接口数据结构

作者头像
王小婷
发布于 2025-05-18 10:39:42
发布于 2025-05-18 10:39:42
6400
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

如何查看后端接口数据结构?拿echarts来说,首先,使用ajax向后端请求数据,各个值拼接成一个字符串返回

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
tooltip: { 
                formatter: function(param) {
                    console.log(param); 
                    alert(JSON.stringify(param))
                    
                    return '<div style=" "> '+ param.name + "<br>" + param.value + "<br>"
                    '</div>';               
                }
                },

1:使用 alert(JSON.stringify(param))的时候,弹出一些列数据

5640239-7c755695e86c5076.png
5640239-7c755695e86c5076.png

2:使用 console.log(param);的时候,打印在控制台的数据。

5640239-4adee85896bb720e.png
5640239-4adee85896bb720e.png

选择需要的字段在前端进行拼接即可。


原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-05-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Vue移动端框架Mint UI教程-数据渲染到页面(六)
拿到res.data之后,要赋值给page实例里面的data 所以在data里面设置一个默认的空数组
王小婷
2025/05/18
690
Vue移动端框架Mint UI教程-数据渲染到页面(六)
解决echarts的叠堆折线图数据出现坐标和值对不上的问题
在echarts的叠堆折线图中,有这样的一个问题,从后端请求过来的数据是正确的,但是请求的y轴的值和y轴坐标对不上。
王小婷
2025/05/18
1210
解决echarts的叠堆折线图数据出现坐标和值对不上的问题
小程序列表左滑效果在IOS呈上下滑动影响样式
在实际开发中,很多时候,苹果手机对小程序不够友好,类似上图,在实现小程序列表左滑效果的时候,安卓手机上测试都很正常,也很流畅,但是在苹果手机上却会出现这样的bug,滑动的时候,列表不但可以左滑,还可以上下左右滑动,这不是我想要的效果~
王小婷
2025/05/18
670
小程序列表左滑效果在IOS呈上下滑动影响样式
Webstorm编辑器设置背景和字号
Webstorm的默认界面似乎在UI上没有多好看,简单大方素净,同时也支持改变和调整webStorm基础设置-背景色、字体、大小,所以,作为开发者的我,就可以随意的折腾啦。
王小婷
2025/05/18
1010
Webstorm编辑器设置背景和字号
Echarts饼状图修改图例legend文字颜色和字体大小
在默认的饼状图里面,图例legend颜色是黑色的,有时候根据ui需要,根据不同的背景色,需要将图例文字调成白色或者其他颜色,那么,修改这些的还是一句话,修改某个属性即可。
王小婷
2025/05/18
2390
Echarts饼状图修改图例legend文字颜色和字体大小
Echarts自定义tooltip显示内容(隐藏小圆点)
修改左侧的tooltip的内容,添加formatter函数,循环将各个值拼接成一个字符串返回
王小婷
2019/05/15
9.4K0
Echarts自定义tooltip显示内容(隐藏小圆点)
微信小程序隐藏右侧滚动条并可以滚动
一开始,在固定高度的容器里面,会出现一个很难看的滚动条,要实现隐藏滚动条,还可以继续滚动的完美效果。
王小婷
2025/05/18
1320
微信小程序隐藏右侧滚动条并可以滚动
关于checkbox传值问题
最近不知道要写什么了,没有怎么学习新的知识点,而是一直在研究jquery相关的东西,有人说jquery已经快要过时了,很多公司都不用这个框架了,但是我觉得,有些知识,作为基础,还是要多回顾一下,记录一下。今天写了一个简单的功能,将checkbox选中的value值提交到后端。
王小婷
2025/05/18
450
关于checkbox传值问题
Echarts报错-Uncaught ReferenceError: echarts is not defined
造成这个错误的原因:导入js的位置不对,要在使用时导入,option前一点导入,不能导入太前了。
王小婷
2025/05/18
910
Echarts报错-Uncaught ReferenceError: echarts is not defined
微信小程序wepy框架入门教程-向左滑动删除效果(三)
2:在WebStorm里面打开初始化生成的项目 编写index.wpy界面的代码 以下代码来自插件 (复制过来即可使用)
王小婷
2025/05/18
530
微信小程序wepy框架入门教程-向左滑动删除效果(三)
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
又遇到了一个bug,开心ing,报错如下,相信应该在入门的时候,很多人都遇到了这样的bug。
王小婷
2025/05/18
1320
小程序踩坑-appJSON["tabBar"][2]["pagePath"] "pages/test/test" 需在 pages 数组中
Vue+Echarts实现一个折线图
在jQuery里面,实现一个折线图,【前端统计图】echarts实现单条折线图 https://www.jianshu.com/p/0354a4f8c563。
王小婷
2025/05/18
1120
Vue+Echarts实现一个折线图
wepy框架-触摸内容滑动组件使用步骤
2:在WebStorm里面打开初始化生成的项目 编写index.wpy界面的代码 以下代码来自插件 (复制过来即可使用) https://github.com/dlhandsome/wepy-com-swiper
王小婷
2025/05/18
360
wepy框架-触摸内容滑动组件使用步骤
Github新建和删除一个仓库(项目)
5:输入仓库名称,Repository name,我的仓库名称是protest,删除即可
王小婷
2019/03/20
8230
Github新建和删除一个仓库(项目)
【前端统计图】echart折线图ajax请求json数据
先上图,写了一个echart折线图ajax请求json数据的小demo,帮助自己更好的理解图表知识。
王小婷
2025/05/18
800
【前端统计图】echart折线图ajax请求json数据
Vue+axios请求本地json
1:在static文件夹底下新建json文件,( 本地JSON文件一定要需放在static文件夹之下。)
王小婷
2025/05/18
600
Vue+axios请求本地json
CSS实现隐藏滚动条但是可以滚动
今天记录一个很小的问题,在工作之中会经常遇到的,当页面元素溢出的时候会产生滚动条,这个时候需要页面样式优化:CSS实现隐藏滚动条但是可以滚动。
王小婷
2025/05/18
1000
CSS实现隐藏滚动条但是可以滚动
Vue+Echarts实现一个饼状图
在jQuery里面,实现一个折线图,【前端统计图】echarts实现单条折线图 https://www.jianshu.com/p/0354a4f8c563。
王小婷
2025/05/18
980
Vue+Echarts实现一个饼状图
jQuery动态生成input填写时间值并且提交给后端
今天写的一个demo,关于jQuery动态生成input填写时间值并且提交给后端。
王小婷
2025/05/19
460
jQuery动态生成input填写时间值并且提交给后端
点击提交按钮,提交所有生成的input参数
今天晚上加班,又写了一些很基础的东西,感觉到自己的js基础还是很差的,对于数据结构上的理解还差了很多火候。
王小婷
2019/07/10
2K0
点击提交按钮,提交所有生成的input参数
推荐阅读
相关推荐
Vue移动端框架Mint UI教程-数据渲染到页面(六)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验