百度小程序如何进行异步获取网站数据-站优云

北京赛车牛牛走势图

主页 > 产品服务 > SEO优化 >

百度小程序如何进行异步获取网站数据

作者: scw SEO优化 发布时间:2018-12-12 19:02 浏览次数:66

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

 
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"}]