【小程序入门】小程序setData方法以及转为DOM对象

上篇我们知道怎么将参数传递到一个新页面https://blog.csdn.net/u014650759/article/details/91380350，这篇我们接着学习涉及小程序页面的一些处理。

1.在 Android 开发的时候，我们可以直接获得控件，然后对控件做数据绑定工作，而在小程序里，并不能够直接获得控件的对象，所有的数据绑定与动态修改只能通过维护 Page 里面的 data{}， 以及调用setData() 方法来进行。这里要注意的是，setData() 是 Page 这个层级上的方法，在js中调用 this.setData() 方法并非都可以顺利的得到我们预期的结果的

Page({
    onLoad: function (options) {
        wx.request({
            url: Constant.GET_URL,
            success: function (res) {
                this.setData({...});
            }
        });
    },
});

这里代码中wx.request() 的回调接口里面 success() 里面写 this.setData({...})，就不能完成预期操作，程序会报错说没有 setData() 这个方法，因为这个时候 this 获取到的已经并不是 Page 了，上下文已经发生了变化。当然，如果是在onLoad函数体内的第一层级调用，则还是Page，就不会引发报错。具体不清楚的，可以去了解JavaScript中关于this指向的知识。解决方式是，事件函数内部新增一个变量，通常用that表示，如下：

Page({
    onLoad: function (options) {
        var that = this;
        wx.request({
            url: Constant.GET_URL,
            success: function (res) {
                that.setData({...})
            }
        });
    },
});

这样的话，我们就可以在这个 Page 的任何地方调用 that.setData() ，来动态的改变页面内定义的数据及控件的属性值了。

2.解析 HTML 代码块，比如后台出于某种原因返回给你了一个 HTML 代码块，但是能获得的通常是一个 String 值，从js前端开发过来的，通常会想到获取要处理的节点，但我们知道小程序不予许这么做。那么在小程序中，如何把一段 HTML 代码的 String 值转化为 DOM 呢？

function parseHtml(htmlBlock) {       
var parser = new DOMParser();      
return parser.parseFromString(htmlBlock, "text/html")
}