iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >微信小程序的数据存储与Django等服务发送请求 讲解
  • 547
分享到

微信小程序的数据存储与Django等服务发送请求 讲解

2024-04-02 19:04:59 547人浏览 薄情痞子
摘要

目录官方文档快速归纳 存取改删1.wx存储数据到本地以及本地获取数1.1 wx.setStorageSync(string key, any data) 存(同步)1.2 wx.se

官方文档

wx.setStorageSync]

(https://developers.weixin.qq.com/miniprogram/dev/api/wx.setStorageSync.html)与

wx.setStorage

快速归纳 存取改删

wxml

 <button bindtap="cun">存数据</button>
  <button bindtap="qu">取数据</button>
   <button bindtap="del">删</button>

js

  cun:function () {
    wx.setStorageSync('name', "jason") //存
    wx.setStorageSync('name1', "sean")
  },
  qu:function () {
    wx.setStorageSync('name', "jason is  sb") //改
   console.log( wx.getStorageSync('name')) //取
  },
  del:function() {
    //wx.clearStorageSync() //清除所有的本地数据
    wx.removeStorageSync('name') //清除指定的本地数据
    
  }

总结

1 本地存储有同步,也有异步,用法一样,同步与异步的区别,就是我们平时理解的同步与异步

2 这个本地数据的生命周期,和小程序同步,要清除数据,除非我们用代码删除,或者用户删除

(卸载)小程序,用户清理微信数据

3 本地数据单个键最多只能存1M内容,所有本地数据不能超过10M.

1.wx存储数据到本地以及本地获取数

存到本地就是存到你的手机,侬懂了伐?

1.1 wx.setStorageSync(string key, any data) 存(同步)

参数

string key: 本地缓存中指定的 key

any data: 需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

示例代码

wx.setStorage({
  key: 'key',
  data: 'value'
})
try {
  wx.setStorageSync('key', 'value')
} catch (e) { }

1.2 wx.setStorage(Object object)存(异步)

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

参数

Object object

属性类型默认值必填说明
keystring 本地缓存中指定的 key
dataany 需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
successfunction 接口调用成功的回调函数
failfunction 接口调用失败的回调函数
completefunction 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

wx.setStorage({
  key: 'key',
  data: 'value'
})
try {
  wx.setStorageSync('key', 'value')
} catch (e) { }

上面的两个就是一个是同步的一个是异步的,还是有区别的,想用哪一个看你的业务来定

wx.getStorage与any wx.getStorageSync

1.3 wx.getStorageSync(string key)取(同步)

参数

string key: 本地缓存中指定的 key

返回值:any data,key对应的内容

示例代码

wx.getStorage({
  key: 'key',
  success(res) {
    console.log(res.data)
  }
})
try {
  const value = wx.getStorageSync('key')
  if (value) {
    // Do something with return value
  }
} catch (e) {
  // Do something when catch error
}

1.4 wx.getStorage(Object object)取(异步)

从本地缓存中异步获取指定 key 的内容

参数:Object object

属性类型默认值必填说明
keystring 本地缓存中指定的 key
successfunction 接口调用成功的回调函数
failfunction 接口调用失败的回调函数
completefunction 接口调用结束的回调函数(调用成功、失败都会执行)

object.success 回调函数

参数

Object res

属性类型说明
dataanykey对应的内容

示例代码

wx.getStorage({
  key: 'key',
  success(res) {
    console.log(res.data)
  }
})
try {
  const value = wx.getStorageSync('key')
  if (value) {
    // Do something with return value
  }
} catch (e) {
  // Do something when catch error
}

小程序如何向我们djanGo等服务请求接口(wx.request)

wxml

 <button bindtap="qing">请求</button>

js

qing:function(){
    wx.request({
      url: 'Http://127.0.0.1:8000/test/', //路由
      data:{   //数据
        "name":"egon"
      },
      method:"POST",//请求方法
      header:{ //请求头
        "content-type":"application/json"
      },
      success(e){ //回调
          //e为后台返回的值
        console.log(e.data)
      }
    })
  }

注意

本地请求接口的时候,一定要关闭小程序编辑器中的 详情-本地设置-不校验https域名

以上就是微信小程序的数据存储与Django等服务发送请求 讲解的详细内容,更多关于微信小程序数据存储与Django服务发送请求的资料请关注编程网其它相关文章!

--结束END--

本文标题: 微信小程序的数据存储与Django等服务发送请求 讲解

本文链接: https://www.lsjlt.com/news/146430.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作