微信小程序todolist

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数据的时候一直不成功。经过查看文档得出结论。
需要加一段代码

// log.js

// 头部
    header: {  
     "Content-Type": "application/x-www-form-urlencoded"  
    },  
// 这样的数据是取不到值的。要把参数转化为这个形式才ok, **id=1234444&name=adasdadad**

var postData = {
    id: 1234444,
    name: 'qidongyou'
};
postData = util.json2Form(postData);

// util.js
function json2Form(json) {  
    var str = [];  
    for(var p in json){  
        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));  
    }  
    return str.join("&");  
}

module.exports = {
  json2Form: json2Form
}

测试结果

wx.getImageInfo取远程图片元信息是有问题的。https://36dong.com/assets/ima...，在本地测试是没有问题。

项目代码

• https://github.com/qidongyou/weixinApp

其他相关文章

• 官方文档

• 测试工具

• segmentfault相关文档

• post参考文档

• 查找问题相关网站