如何通过api接口将json数据展现出来
发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,这篇文章将为大家详细讲解有关如何通过api接口将json数据展现出来,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。实现知乎客户端的一个重要知识前提就是,要知道怎么通
千家信息网最后更新 2025年01月19日如何通过api接口将json数据展现出来
这篇文章将为大家详细讲解有关如何通过api接口将json数据展现出来,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
实现知乎客户端的一个重要知识前提就是,要知道怎么通过知乎新闻的接口,来把数据展示到微信小程序端上。
那么我们这一就先学习一下,如何将接口获取到的数据展示到微信小程序上。
1.用到的知识点
<1> wx.request 请求接口资源(微信小程序api中的发起请求部分)
<2>swiper 实现轮播图的组件
<3>wx:for 循环语句
<4>微信小程序的基础知识
2.实现原理
首先,先看一下这个请求函数
wx.request({ url: '******', //这里填写你的接口路径 header: { //这里写你借口返回的数据是什么类型,这里就体现了微信小程序的强大,直接给你解析数据,再也不用去寻找各种方法去解析json,xml等数据了 'Content-Type': 'application/json' }, data: {//这里写你要请求的参数 x: '' , y: '' }, success: function(res) { //这里就是请求成功后,进行一些函数操作 console.log(res.data) }})
3.代码
分解图
<1>首先上一段知乎接口数据的json格式中的开头
"date":"20161114", "stories":[ { "images":[ "http://jb51.net.com/76125c357aa7b0ca6c9cbc41b4a5326d.jpg" ], "type":0, "id":8975316, "ga_prefix":"111422", "title":"小事 · 我和你们一样" }, { "images":[ "http://jb51.net/7c908a5940384123fd88287dbc6a2c98.jpg" ], "type":0, "id":8977438, "ga_prefix":"111421", "title":"成长嘛,谁说就意味着一定要长大了?" },
<2>index.js中
Page({ data: { duration: 2000, indicatorDots: true, autoplay: true, interval: 3000, loading: false, plain: false }, onLoad: function () { var that = this//不要漏了这句,很重要 wx.request({ url: 'http://news-at.zhihu.com/api/4/news/latest', headers: { 'Content-Type': 'application/json' }, success: function (res) { //将获取到的json数据,存在名字叫zhihu的这个数组中 that.setData({ zhihu: res.data.stories, //res代表success函数的事件对,data是固定的,stories是是上面json数据中stories }) } }) }})
<3> index.wxml中
//这里边的属性不重要,看下边 {{item.title}}
看完这个代码,你会想,根据微信小程序的绑定原理,这里边的代码哪里调用了onLoad()这个函数,不用多想,微信小程序给你省略了这些步骤。直接调用zhihu这个数组就行。
关于"如何通过api接口将json数据展现出来"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
数据
接口
程序
函数
知识
重要
代码
篇文章
不用
原理
就是
数组
更多
小程
不错
实用
强大
成功
事件
代表
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
应急网络安全知识竞赛进度
绍兴服务器机柜网络机柜
多串口服务器区分端口
网络技术咨询包括哪些业务开展
db2数据库多少钱
幼儿园网络安全管理培训ppt
无尽的拉格朗日服务器迁移多久
三和软件开发招聘
西部证券服务器已关闭
铜川市保秘局对网络安全检查
公安网络安全架构
计算机网络技术的辅警可考警察吗
宜春物理服务器要多少费用
浙江淘客app软件开发
软件开发组件平台
砍一砍网络技术
高稳定性的软件开发
在职校读计算机网络技术
云南人口详细数据库
北京网络安全大会主题
正益互联网科技有限公司
工业网络安全工程师职业前景
网络安全员职业资格
漫谈网络安全提高网络安全意识
良心的宝可梦服务器
鹏讯互联网科技有限公司ceo
局域网电话服务器作用
如何创服务器手机版
自动配置脚本 代理服务器
移动通信网络技术员