微信小程序开发之获取服务端数据

最新推荐文章于 2024-08-11 14:33:37 发布

大象灵感

最新推荐文章于 2024-08-11 14:33:37 发布

阅读量1k

点赞数

分类专栏：小程序 node 文章标签：小程序微信 node

本文链接：https://blog.csdn.net/u012003372/article/details/98258020

版权

本文通过示例介绍了如何使用微信小程序从Node.js后端服务获取数据。步骤包括创建server.js文件，启动服务器，然后在小程序的index.wxml和index.js中进行数据渲染和请求操作。完成这些步骤后，小程序能够成功展示从服务端获取的数据。

摘要由CSDN通过智能技术生成

下面的示例使用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,\"isPaid\":false,\"tag\":0,\"title\":\"Construct your masterpiece - Eddie Pinero\",\"playCount\":9426,\"showLikeBtn\":true,\"isLike\":false,\"showShareBtn\":true,\"showCommentBtn\":true,\"showForwardBtn\":true,\"createDateFormat\":\"1天前\",\"url\":\"/waiyu/3531660/201370949\",\"duration\":170,\"isVideo\":false,\"videoCover\":null},{\"index\":241,\"trackId\":200705886,\"isPaid\":false,\"tag\":0,\"title\":\"Don't count the cost\",\"playCount\":30038,\"showLikeBtn\":true,\"isLike\":false,\"showShareBtn\":true,\"showCommentBtn\":true,\"showForwardBtn\":true,\"createDateFormat\":\"4天前\",\"url\":\"/waiyu/3531660/200705886\",\"duration\":261,\"isVideo\":false,\"videoCover\":null},{\"index\":240,\"trackId\":199981200,\"isPaid\":false,\"tag\":0,\"title\":\"You are born with a purpose\",\"playCount\":37459,\"showLikeBtn\":true,\"isLike\":false,\"showShareBtn\":true,\"showCommentBtn\":true,\"showForwardBtn\":true,\"createDateFormat\":\"7天前\",\"url\":\"/waiyu/3531660/199981200\",\"duration\":352,\"isVideo\":false,\"videoCover\":null},{\"index\":239,\"trackId\":198766291,\"isPaid\":false,\"tag\":0,\"title\":\"Stress & Being Stress Free - Louise Hay\",\"playCount\":45756,\"showLikeBtn\":true,\"isLike\":false,\"showShareBtn\":true,\"showCommentBtn\":true,\"showForwardBtn\":true,\"createDateFormat\":\"12天前\",\"url\":\"/waiyu/3531660/198766291\",\"duration\":363,\"isVideo\":false,\"videoCover\":null},{\"index\":238,\"trackId\":198087932,\"isPaid\":false,\"tag\":0,\"title\":\"Relationships & Romance - Louise Hay\",\"playCount\":42972,\"showLikeBtn\":true,\"isLike\":false,\"showShareBtn\":true,\"showCommentBtn\":true,\"showForwardBtn\":true,\"createDateFormat\":\"14天前\",\"url\":\"/waiyu/3531660/198087932\",\"duration\":431,\"isVideo\":false,\"videoCover\":null},{\"index\":237,\"trackId\":197477495,\"isPaid\":false,\"tag\":0,\"title\":\"Rock Bottom - Powerful Motivational Speech\",\"playCount\":54767,\"showLikeBtn\":true,\"isLike\":false,\"showShareBtn\":true,\"showCommentBtn\":true,\"showForwardBtn\":true,\"createDateFormat\":\"17天前\",\"url\":\"/waiyu/3531660/197477495\",\"duration\":215,\"isVideo\":false,\"videoCover\":null},{\"index\":236,\"trackId\":196765737,\"isPaid\":false,\"tag\":0,\"title\":\"Forgiveness - Louise Hay\",\"playCount\":57195,\"showLikeBtn\":true,\"isLike\":false,\"showShareBtn\":true,\"showCommentBtn\":true,\&#