视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
微信小程序todolist
2020-11-27 20:31:31 责编:小采
文档


weixinApp 微信小程序toDoList

列表页面

简单的列表页面和数据添加,此时有一些问题

setData在清除一些用户交互的页面的时候有些问题。

inputA 是一个输入框,当我提交数据的时候,需要清除表单的数据,setData不能清除很好的清除。

添加数据

使用wx.setStorageSync(KEY,DATA).

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

删除数据

使用 wx.removeStorageSync(KEY)

try {
 wx.removeStorageSync('key')
} catch (e) {
 // Do something when catch error
}

详情页面

此时用到路由机制

<navigator url="/test/logs" >
 查看
</navigator>

模块化的测试

使用了一些ES语法

微信wx.request

wx.request发起的是https请求。一个微信小程序,同时只能有5个网络请求连接。

在测试wx.request的时候.

wx.request post传参数,开发者服务器取不到参数

// 在php内嵌入此句也不适合。
header('Access-Control-Allow-Origin:*');
// 可能要在nginx 服务器上配置一些参数,可以让微信小程序调用

基本上get是没有问题的。(url各种带参数是没有问题的)

其他的API没有测试,用的不多,如果有需要再进行测试。

var count = 0
var maxRequest = 100
var getRequest = function(){

 wx.request({
 // 此域名必需要配置
 url: 'https://test.com/t/wxRes', //仅为示例,并非真实的接口地址
 success: function(res) {
 count++
 if(count < maxRequest){
 getRequest()
 } 
 },
 fail: function(res){
 console.log(res)
 }
 })
}
// https请求 
for(var i = 0; i< 5;i++){
 getRequest()
}
// 如果直接for10次的话,肯定有错误。这里只能for5次

我在测试的时候发现一个问题。post数据的时候一直不成功。经过查看文档得出结论。需要加一段代码

下载本文
显示全文
专题