百度小程序读取服务器数据,百度小程序如何进行异步获取网站数据

最新推荐文章于 2021-12-27 13:40:31 发布

陈增鹏

最新推荐文章于 2021-12-27 13:40:31 发布

阅读量732

点赞数

文章标签：百度小程序读取服务器数据

本文介绍了如何在百度小程序中请求网站数据，通过示例代码展示了js文件中的fetchData函数，该函数用于发送请求并设置数据。在页面加载时调用此函数获取json格式的数据，并利用s-fox进行数据遍历。案例详细展示了从请求到展示数据的完整过程。

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

近期百度小程序是非常热门的，越来越多的企业都开始加入到百度小程序的正营来，对于百度小程序的开发过程中也难免需要去请求网站的数据，其实对于百度小程序请求网站的数据和微信小程序请求网站的数据操作是一样的也没有太大的区别。下面站优云结合世界案列以及相关代码给大家演示下。

1. js文件中设置相关的请求函数以及设置变量接收数据

fetchData: function () {

var that = this;

that.setData({

hidden: false

})

swan.request({

url: "https://51suliao.info/zixun_list.php",

success: function (res) {

console.log(res);

that.setData({

nodes: res.data

})

setTimeout(function () {

that.setData({

hidden: true

})

}, 300)

}

})

}

2. 设置加载页面的时候调用数据

3. 利用s-fox 进行数据的遍历

异步请求的数据为json格式：

[{"id":"1","url":"http:\/\/www.duanzitai.net\/plus\/view.php?aid=1","title":"\u62d6\u94fe\u7535\u7f06\u4e3a\u4ec0\u4e48\u548c\u666e\u901a\u7535\u7f06\u4e0d\u4e00\u6837"},{"id":"2","url":"http:\/\/www.duanzitai.net\/plus\/view.php?aid=2","title":"\u62d6\u94fe\u7535\u7f06\u4e3a\u4ec0\u4e48\u91c7\u7528\u9540\u9521\u94dc\u4e1d\uff1f"},{"id":"3","url":"http:\/\/www.duanzitai.net\/plus\/view.php?aid=3","title":"\u62d6\u94fe\u7535\u7f06\u504f\u82af\u7684\u5371\u5bb3\u6709\u54ea\u4e9b\uff1f"},{"id":"6","url":"http:\/\/www.duanzitai.net\/plus\/view.php?aid=6","title":"\u5fb7\u7cfb\u62d6\u94fe\u7535\u7f06\u5728\u6211\u56fd\u7684\u53d1\u5c55"}]