⼩程序开发之获取服务端数据
下⾯的⽰例使⽤node.js作为后端服务,展⽰了⼩程序获取服务端数据的⽅式。
步骤如下:
1. 创建server.js⽂件
var http = require('http');
//下⾯的变量tracks取的是⼀个json对象,也可换做别的。
var tracks="{\"ret\":200,\"data\":{\"currentUid\":29364890,\"albumId\":3531660,\"trackTotalCount\":242,\"sort\":1,\"tracks\":[{\"index\":242,\"trackId\":201370949,\"isP function responseInfo (request, response) {
// 发送 HTTP 头部
// HTTP 状态值: 200 : OK
// 内容类型: text/plain
response.writeHead(200, {'Content-Type': 'text/plain'});
// 发送响应数据
写文章的小程序response.write(tracks)
//结束
}
// 终端打印如下信息
console.log('Server running at 127.0.0.1:8080/');
2. 启动并运⾏该服务器,结果如下:
$ node server.js
Server running at 127.0.0.1:8080/
3. 在index.wxml⽂件中进⾏列表渲染:
<block wx:for="{{tracks}}" wx:key="{{index}}">
<view class="c_tracks">{{index+1}}. {{item.title}}</view>
</block>
4. 在index.js⽂件中的onLoad事件处理下,写⼊服务请求。
onLoad: function () {
url: 'localhost:8080/',
success:e=>{
this.setData({
tracks:e.acks
})
}
})
}
⾄此,相关脚本编写完毕。
运⾏⼩程序,便可看到如下结果:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论