百度小程序如何进行异步获取网站数据
近期百度小程序是非常热门的,越来越多的企业都开始加入到百度小程序的正营来,对于百度小程序的开发过程中也难免需要去请求网站的数据,其实对于百度小程序请求网站的数据和微信小程序请求网站的数据操作是一样的也没有太大的区别。下面站优云结合世界案列以及相关代码给大家演示下。
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"}]