怎么我的小程序无法从数据库里取到数据的?
在一些场景中,我们需要获取到标签里面的值来和接口返回的值做对比,一致则进行下一步,后者进行错误判断
<block wx:for='{{objectArray}}' data-name='{{itemname}}' data-id='{{itemid}}' bindtap='select'>
<text class='yuzhong'>{{itemname}}</text>
</view>
主要在于 data- 这个上面 上面的那个name 和 id 是我自己定义的,你们可以随意定义一些语义化的词,
获取也很简单:
select:function(e){
consolelog(ecurrentTargetdatasetname);
},
在小程序开发中经常会用到跨页面传值,我们常用的一般为全局变量传值和URL参数传值。在全局变量传值过程中,我们可通过var app=getApp(),获取到全局变量app,然后将需要传递的值赋值到全局变量中,如appgetID='18996759675'。
2
此时,我们已经将需要传递的值存储到全局变量中,然后我们在需要调用的地方,调用全局变量getApp()中之前存储的值,如phone:getApp()getId,随即取出了之前传递的值。
3
除了全局变量传值,我们还可以通过URL参数传值,URL参数传值的话,从上一个页面中传递某一个参数到编辑页面,以读取数据供填充之用
4
在读取页面实现onLoad(options)方法,从url路径中获取传递的参数值getId
END
1用到的知识点
wxrequest 请求接口资源(微信小程序api中的发起请求部分)
swiper 实现轮播图的组件
wx:for 循环语句
微信小程序的基础知识
2实现原理
首先,先看一下这个请求函数
var
wxrequest({
url: '', //这里填写你的接口路径
header: { //这里写你借口返回的数据是什么类型,这里就体现了微信小程序的强大,直接给你解析数据,再也不用去寻找各种方法去解析json,xml等数据了
'Content-Type': 'application/json'
},
data: {//这里写你要请求的参数
x: '' ,
y: ''
},
success: function(res) {
//这里就是请求成功后,进行一些函数操作
consolelog(resdata)
}
})1234567891011121314151612345678910111213141516
3代码
分解图
首先上一段知乎接口数据的json格式中的开头
"date":"20161114",
"stories":[
{
"images":[
""
],
"type":0,
"id":8975316,
"ga_prefix":"111422",
"title":"小事 · 我和你们一样"
},
{
"images":[
""
],
"type":0,
"id":8977438,
"ga_prefix":"111421",
"title":"成长嘛,谁说就意味着一定要长大了?"
},12345678910111213141516171819201234567891011121314151617181920
indexjs中
Page({
data: {
duration: 2000,
indicatorDots: true,
autoplay: true,
interval: 3000,
loading: false,
plain: false
},
onLoad: function () {
var that = this//不要漏了这句,很重要
wxrequest({
url: '',
headers: {
'Content-Type': 'application/json'
},
success: function (res) {
//将获取到的json数据,存在名字叫zhihu的这个数组中
thatsetData({
zhihu: resdatastories,
//res代表success函数的事件对,data是固定的,stories是是上面json数据中stories
})
}
})
}
})12345678910111213141516171819202122232425262728291234567891011121314151617181920212223242526272829
indexwxml中
<swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" class="banners" interval="{{interval}}" duration="{{duration}}">//这里边的属性不重要,看下边
{{itemtitle}}
0条评论