小程序开发的简单实例代码

零下一度
Lepaskan: 2017-05-25 17:43:51
asal
5656 orang telah melayarinya

最近在开发一款微信小程序的应用,我也是从零开始,在开发过程中遇到需要注意的地方做一个整理。

this作用域

这个在调试的时候可能会因为定义而不报错,从而调试起来很麻烦,所以要特别注意

onLoad: function () {
        var that = this
        wx.request({
            url: 'https://域名/AppService/UserHandler.ashx', 
            data: {
                
            },
            method: 'GET',
            header: {
                'Content-Type': 'application/json'
            },
            success: function (res) {
                that.setData({
                    
                })
            },
            fail: function (res) {

            }
        })
    }
Salin selepas log masuk

异步

request是异步请求,所以同级函数,一个请求,一个获取请求的返回值是获取不到的,需要使用回调函数

TLS版本

请求数据时,会提示一个TLS版本不能高于1.0,在项目中把“开发环境不校验请求域名以及TLS版本”勾选上

https

小程序只支持绑定域名的https,并在小程序管理界面的request进行配置

全局变量

->定义

//app.js
App({
  onLaunch: function () {

  },
  globalData: {
    userInfo: null
  }
})
Salin selepas log masuk

->赋值

//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
    userInfo: {}
  }
})
Salin selepas log masuk

->获取使用

//user.js
//获取应用实例
var app = getApp()
Page({
    // 页面初始数据
    data: {
        userInfo: null
    },
    onLoad: function () {
        this.setData({
            userInfo: getApp().globalData.userInfo,
        })
    }
})
Salin selepas log masuk

【相关推荐】

1. 微信小程序完整源码下载

2. 追格微信小程序应用商店源码

3. 微信小程序demo:阳淘

Atas ialah kandungan terperinci 小程序开发的简单实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan