用聚合数据苏州实时公交API写的微信小程序
利用聚合数据API快速写出小程序,过程简单。
1、申请小程序账号
2、进入开发
3、调用API。比如“苏州实时公交”小程序,选择的是苏州实时公交API。
苏州实时公交API文档:https://www.juhe.cn/docs/api/id/31
如下,是“苏州实时公交”小程序调用代码:
var url = "https://apis.juhe.cn/szbusline/bus";//为了您的密钥安全,建议使用服务端代码中转请求,事例代码可参考 https://code.juhe.cn/var apiKey = "yourKey"; //输入自己的keyPage({data: {inputValue: '',restation: [],condition: true},//获取输入框的值bindInput: function(e) {var that = this;that.setData({inputValue: e.detail.value});},//点击搜索按钮调用的函数search:function(e){var that = this;//数据加载完成之前,显示加载中提示框wx.showToast({title: '加载中。。。',icon: 'loading',duration: 10000});//输入框没有输入的判断if(that.data.inputValue == ''){wx.hideToast();return;}//发起请求,注意 wx.request发起的是 HTTPS 请求wx.request({url: url + "?station=" + that.data.inputValue + "&key=" + apiKey,data: {},header: {'content-type': 'application/json'},success: function(res) {var data = res.data;//将数据从逻辑层发送到视图层,同时改变对应的 this.data 的值that.setData({restation: data.result,condition: false});//数据加载成功后隐藏加载中弹框wx.hideToast();}})}})
4、完整源码下载
提供“苏州实时公交”小程序的完整源码下载,可以通过完整的源码,更好的学习如何通过调用聚合API,快速实现编写小程序。
下载“苏州实时公交”小程序代码:https://juheimg.oss-cn-hangzhou.aliyuncs.com/www/activity/wx/juhewx.zip
用聚合数据苏州实时公交API写的微信小程序相关推荐
- 用聚合数据API(苏州实时公交API)快速写出小程序
利用聚合数据API快速写出小程序,过程简单. 1.申请小程序账号 2.进入开发 3.调用API.比如"苏州实时公交"小程序,选择的是苏州实时公交API. 苏州实时公交API文档:h ...
- 微信小程序初体验-苏州实时公交API
利用聚合数据API快速写出小程序,过程简单. 1.申请小程序账号 2.进入开发 3.调用API.比如"苏州实时公交"小程序,选择的是苏州实时公交API. 苏州实时公交API文档:h ...
- 追书神器的api接口写的微信小程序
@这是我基于追书神器的api接口写的微信小程序 这是我小程序的二维码
- 手把手教你写个微信小程序
手把手教你写个微信小程序 很多人看完bmob快速入门,并完成了bmob的基本配置之后依然不知道如何下手去写自己的代码,那么跟着我一起来一步一步做个小程序吧. 工具:Bmob后端云 新建小程序项目 一. ...
- 手把手教你写一个微信小程序日历组件
今天我们一起写一个微信小程序日历组件 微信小程序日历组件 github.com/749264345/w- 好,我们先看一下要实现的模样,如下图 由以上截图我们可以看到 1.日历可以通过按钮[切换展示效 ...
- 调用网易云二维码登录API,实现微信小程序登录
调用网易云二维码登录API,实现微信小程序登录 首先前往网易云音乐API官网 binaryify.github.io/NeteaseClou- 首先根据文档的链接下载好配置文件,再根据官方文档启动好本 ...
- 写在微信小程序上线之夜,我想对移动开发人员说别慌先玩玩AR压压惊!
转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/54296650 本文出自[DylanAndroid的博客] 写在微信小程序上线之 ...
- 微信小程序+PHP 从零写一个微信小程序
微信小程序是越来越火,参与其中的开发者也越来越多,但是很多朋友都是只懂小程序前端开发,或者是只懂 PHP 开发,本 Chat 就是想让这部分人能够自己一个人把前后端串起来,做一个专属自己的微信小程序. ...
- 微信小程序asp服务器架设,asp写的微信小程序支付demo-服务器端是asp+mdb的
这个微信小程序支付demo代码是我用asp写的,微信小程序端加上服务器端用的asp和mdb数据库,下面是代码分享: 订单说明:{{paydata.title}} 支付金额:分 支付 --------- ...
最新文章
- K8s 1.14 发布了,Release Note 该怎么读?
- 创业公司这三年,Java老本都快吃完了!
- 百度和360的关键词提交查询
- 计算机检索技巧知识,初学者常用电脑技巧知识
- php debug用什么意思,phpdebug_backtrace()函数是干什么的?
- Javascript 函数详解
- 程序员成熟的标志《程序员成长路线图:从入门到优秀》
- iPhone SE 3钢化膜已上架海外市场:4.7英寸屏 Home键得到保留
- [自动调参]深度学习模型的超参数自动化调优详解
- 10、返回当前审批流程图、后续审批按钮
- 提取保存Win10锁屏壁纸
- ajax选项卡解析,ajax实现的选项卡
- flyme6 patchrom插桩从入门到放弃
- SAP商超订单统一管理系统
- Excel技巧:删除换行符、文本前空格、文本中间空格
- 投资理财启蒙之《小狗钱钱》拆读
- 理解杀毒软件的意义(完整---另加补充和总结)
- 碟中谍5中的科技:详解“步态分析”
- 品酒论三国之一(创业时代的第二堂必修课:自助者天助)
- android b571 版本,HUAWEI Mate 7 EMUI 4.0.1 B571 版本发布说明及问题反馈
热门文章
- make sure you have the 32 bits oracle client installed
- 知识图谱数据集下载 KnowledgeGraphDatasets
- OLED显示屏滚动函数编写
- c语言实现键盘按键,【视频】C语言实现键盘记录【c语言吧】_百度贴吧
- js截取特定字符后面的字符串
- 2022蓝牙耳机大盘点测评,2022年最新蓝牙耳机排行榜
- 论文阅读笔记1:EKT: Exercise-aware Knowledge Tracing for Student Performance Prediction
- win7计算机管理找不到文件夹,win7系统中电脑文件夹选项不见了的具体解决方法...
- 按防电击类型分类的II设备(无保护接地线缆)可免于线对地的浪涌实验
- Jenkins部署Git项目