微信小程序开发 怎么带参数跳转,请求API,解析json数据示例

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
具体参数说明参看微信小程序官方文档-跳转

<navigator url=”/pages/{{item.Messagetype}}/{{item.Messagetype}}?id=这里放置需传送的参数” open-type=”navigateTo” class=’item’ wx:for=”{{proList}}” bindtap=’toDetail’ data-index=”{{index}}” >
<imagesrc=”{{item.img}}”></image>
<viewclass=’item1′>
<textclass=’name’>{{item.title}}</text><textclass=”time”>{{item.time}}</text>
<textclass=’content’>{{item.shotDesc}}</text>
</view>
</navigator>

带参数的wx.request(OBJECT)

上述代码跳转到指定页面后:

<view class=”personalWrap”>
<viewclass=”personalMe”>
<imagesrc=”{{MessageList.img}}”style=”width:68px;height:68px;border:1px solid #ddd;float:left;margin:20rpx 20rpx;border-radius: 50%;”></image>
</view>
<!– 列表 –>
<viewclass=”personalList”>
<viewclass=”iconfont icon-reserve”>标题:{{MessageList.title}}</view>
<viewclass=”iconfont icon-about”>时间:{{MessageList.time}}</view>
<viewclass=”iconfont icon-edition”>名称:{{MessageList.partname}}</view>
<viewclass=”iconfont icon-password”>编号:{{MessageList.floor}}</view>
<viewclass=”iconfont icon-feedback”style=”border:none;”>楼层:{{MessageList.eventtype}}</view>
</view>
</view>
onLoad: function (res) {
var that = this;
wx.request({
url: app.url + ‘wxMessage1’,
data: {
id: res.id,
},
header: {
‘content-type’: ‘application/json’
},
success: function (msg) {
that.setData({
MessageList: msg.data.data
})
}
})
}

未经允许不得转载:技术啦 - 关注IT,建站和运维,分享最新教程,资源 » 微信小程序开发 怎么带参数跳转,请求API,解析json数据示例

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址