效果描述:
按动主页按钮跳转至列表页,在列表页显示请求网页所获取的信息,并通过所得信息的id的不同,链接到不同的网页进一步获取不同信息。
触碰按钮跳转至列表页
触碰表题按钮跳转至详情页
,其中不同的按钮对应的详情页内容不同而格式相同。
这样的好处是,可以通过网页信息的改变自动改变页面信息。
流程:
使用Api:
wx.request() //请求网页信息
wx.navigateTo() //跳转页面
注意点:
1.在列表页,要将网页上获取的信息根据id的不同,选择对应信息显示在列表页,并将其显示在详情页的开头出,该处使用全局变量来实现页面间的信息传输;
2.列表页跳转至详情页,要根据自身携带的id来选择将从那个网页获取详情并显示,该处通过字符串的拼接实现页面间的id传输。
Api使用方法:
获取网页信息:
wx.request({ url: 'http://www.获取信息的网址', data: '', header: {}, method: 'GET', dataType: 'json', responseType: 'text', success: function(res) { console.log(res) that.setData({ faq:res.data.content, faqId:res.data.content.id, }) fail: function(res) {}, complete: function(res) {}, })
跳转到faq页面:
wx.navigateTo({ url: ../faq/faq, })</