• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序跳转、请求、带参数请求小例子

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

wx.request(OBJECT)

wx.request发起的是 HTTPS 请求。一个微信小程序,同时只能有5个网络请求连接。 
具体参数说明参看微信小程序官方文档-发起请求。 
例:

//当页面加载时,请求后台数据,并赋值给前台显示
Page({
    data:{
        new_list:[]
    },
    onLoad:function(){
        var that = this;
        wx.request({
            url:'http://wxcms.com/getList',
            header:{
                'content-type':'application/json',
            },
            success:function(res)
            {
                //将请求的后台数据赋值new_list
                that.setData({
                    new_list:res.data,
                })
            }
        })
    }
})

wx.navigateTo(OBJECT)

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

例: 
wxml代码:

<view class="lists">
    <view class="img">
     <!---这里绑定了一个手指触摸后马上离开的时间,跳转时并带上了id参数-->
        <image src="{{img}}" bindtap="detial" data-id="{{id}}"></image>
    </view>
    <view class="info">
        <view class="title">{{title}}</view>
        <view class="time">{{time}}</view>
    </view>
</view>

js代码:

Page({
    data:{
        new_list:[]
    },
    detial:function(event){
        //带id跳转到指定的页面,这里的event.target.dataset.id是获取wxml页面上的data-id参数,详见事件说明
        wx.navigateTo({
            url:"../../pages/detail/detail?>.id
        })
    }
 })

带参数的wx.request(OBJECT)

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

Page({
    data:{
        info:{}
    },
    //res对象包含了跳转页面中的id参数,再页面加载时,获取id参数然后向后台请求参数,并赋值
    onLoad:function(res)
    {   
        var that = this;
        wx.request({
            url:"http://wxcms.com/getOne",
            //这里是 
            data:{
                id:res.id,
            },
            header:{
                'content-type':'application/json'
            },
            success:function(msg)
            {
                that.setData({
                    info:msg.data,
                })
            }
        })
    }
})

http://blog.csdn.net/huang_xiao_wei/article/details/53493384

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序wxml文件引用方式发布时间:2022-07-18
下一篇:
微信小程序scroll-view(或者其他view)计算高度px转rpx有关发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap