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

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="+event.target.dataset.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

原文地址:https://www.cnblogs.com/hedianzhan/p/8419498.html

时间: 2024-10-04 01:02:49

小程序跳转、请求、带参数请求小例子的相关文章

微信小程序跳转页面时参数过长导致参数丢失

问题描述: 微信小程序:跳转页面时传参,参数过长导致参数丢失 跳转到文章详情页时,使用的文章链接e.currentTarget.dataset.id过长导致参数丢失 handleClickArticle: function (e) { wx.navigateTo({ url: '/pages/index/articleinfo/articleinfo?urllink=' + e.currentTarget.dataset.id }) }, 解决方案: 调用微信的API,将参数编码传送,解码接收,

springMVC带参数请求重定向

SpirngMVC返回逻辑视图名 可以分下面几种情况: 1. servlet进行请求转发,返回到jsp页面,如  return "index.jsp" ; 2. servlet 返回结果,让请求 重定向到某个jsp页面 ,此时servlet 返回语句类似:  return  " redirect : index.jsp "; 3. servlet 的返回结果是 请求另外一个servlet   此时servlet 返回语句类似:  return  " red

从零构建PHP商用MVC框架(2.1 路由-带参数请求)

本节我们就真正进入"从零构建php商用mvc框架"的实际动手阶段,本节的标题是"路由-带参数请求",我们本节要构建最基本的mvc路由访问控制,举例如:minyifei.cn/?_c=test&_a=getInfo 能访问我们的TestController类的getInfo方法,并能正常输出内容. 首先我给大家先看看最终的项目目录结构是什么样子的,然后再逐个文件介绍: 先看看index.php,大家都比较熟悉,这个是整个项目的入口,代码也很简单,仅做为转发器,

python中requests库get方法带参数请求

起因是想爬五等分的花嫁的漫画.这是其中的一个坑 先上代码 data={ 'cid':567464, 'page':1, 'key':'', 'language':1, 'gtk':6, '_cid':567464, '_mid':34949, '_dt':'2019-05-03 13:03:08', '_sign':'e74c8c52618a64a454dd7f12aff3cc1c' }def getFun(url,data): ret=requests.get(url,params=data)

生成指定页面带参数的小程序码及踩坑

//获取accessToken let that = this; const APP_ID = 'yourapp_id';// 小程序appid const APP_SECRET = 'yourapp_secreat';// 小程序app_secret let access_token = ''; wx.request({ url:"https://api.weixin.qq.com/cgi-bin/token", data: { grant_type: 'client_credent

小程序跳回首页 不支持回退问题

纠正一下,文章说的并不是小程序跳回首页的问题,标题写首页是因为,发生wx.navigateTo跳转tabBar页失败的同学,可能不一定知道自己是跳转tabBar页失败,误以为是跳转首页失败. wx.navigateTo(OBJECT)和wx.redirectTo(OBJECT)都不可以用于跳转tabBar页面,跳转这样的页面可以用wx.reLaunch(OBJECT). 贴上官网:https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.

微信小程序之购物数量加减 —— 微信小程序实战商城系列(3)

我们在购买宝贝的时候,购物的数量,经常是我们需要使用的,如下所示: 在宝贝详情页里: 在购物车里: 现在就为大家介绍这个小组件,在小程序中,该如何去写 下图为本项目的图: wxml: <!-- 主容器 --> <view class="stepper"> <!-- 减号 --> <text class="{{minusStatus}}" bindtap="bindMinus">-</text&

小程序开发运营必看:微信小程序平台运营规范

一.原则及相关说明 ? 微信最核心的价值,就是连接——提供一对一.一对多和多对多的连接方式,从而实现人与人.人与智能终端.人与社交化娱乐.人与硬件设备的连接,同时连接服务.资讯.商业. ? 微信团队一直致力于将微信打造成一个强大的.全方位的服务工具.在此基础上,我们推出了微信小程序这个产品,提供给微信小程序的开发者在微信内搭建和实现特定服务.功能的平台.通过全面开放的能力,我们将更多连接的可能给予企业和服务提供者,并为微信小程序提供基础的接入能力.运营环境和规则体系,进而帮助更多的企业和服务提供

微信小程序时代来临,极限工坊小程序助力亿万级市场|淘小咖

微信小程序逐渐成了移动互联网营销不可或缺的一种工具,成为撬动移动互联网千亿市场红利的一个契机,对用户来说,能够在最短时间内获取服务,无需下载软件. 对商家来说,可以从线上引流,直接触达用户,扩大营销渠道,实现用户沉淀和裂变营销,而不用再被平台绑架. 小程序轻松解决了这两个痛点,为用户带去便利,为商家带来盈利,这也就使得微信小程序越来越受欢迎. 可以说,伴随微信小程序的快速发展,我们正迎来微信小程序的时代. 小程序对于企业运营优势在哪儿呢? 小程序简单点说,它相当于一个展示网站或网上商城,包含在线

抓住小程序的机遇,教你如何赚小程序的第一桶金|极限工坊淘小咖

小程序是现在新型的红利项目,当然背后也隐藏着新的机遇: 现在小程序的市场来了,利用小程序去开发市场和微信上面的用户流量,一样能够加入争抢这波红利. 同时,小程序还具备开发成本低.容易进行推广. 那么这次小程序所带来的红利,有什么人可以获利呢? 1.小程序的生态圈 不得不说有些大佬对于商机的把握是非常敏锐的,在我们还没发现的情况下,别人都已经开始部署市场并且开始实施计划.这时候也只能辛苦那些程序员们了,要连夜进行开发! 2.培训团队 因为小程序风口的到来,从而涌现出一大批跟风者,但是小程序开发必须