微信小程序如何获取javascript 里的数据

微信小程序 获取javascript 里的数据

wxml如何获取js里的数据

例：

wxml里：

<text id="twl">{{txt}}</text>

通过上面的{{txt}}可以对应键明衫获取js里data下定义槐世的txt的值

js里：

data: { txt:{} }

首先在data里定义一个“容器”txt：{}，{}内为空代表是从别的地方传值进去，当然{}里也可以直接写数据，如txt：{‘123'}，上面的wxml获取稿腔了就相当于 <text id="twl">123</text>；通过其他方法传值到容器里用一个this.setData({})的方法，如：

onLoad: function (options) { var ta=options.kind this.setData({ txt:ta,}) },

这样上面data里定义的txt的值就是ta的值了。

Tips:小程序一定要用https

方法：获取page数据,看并肢代码：var text=this.data.name  ，这样就获取到初始化的值

page({

data:{name:"猜配test"},

showData:function(){

var text=this.data.name

}

})

示例如下：

util.js

//正则判断

function Regular(str, reg) {

if (reg.test(str))

return true

return false

}

//是否为中文

function IsChinese(str) {

var reg = /^[\u0391-\uFFE5]+$/

return Regular(str, reg)

}

module.exports = {

getRequestUrl: "http://localhost:59637",//获得接口地址

IsChinese: IsChinese,

}

//test.js

var util = require('../../utils/util.js')

Page({

onLoad: function () {

console.log("判断是否为中绝兆世文:"+util.IsChinese('测试'))

console.log("输出接口url："+util.getRequestUrl)

}

})

工具/原料

微信小程序   web-view

方法/步骤

1、打开微信开发者工具。

2、选择新建小程序。

3、输入项目信息锋银后，点击”确定“。

4、进入开发画面。

5、点击”index wxml“右侧将其他代码都删除，在容器中,添加”web-view“。

6、给这个web-view添加src属性这里做基陪添加需要的地址即可。

7、完成后保存修改，在左侧的手机模拟器中,即可查看纯蠢效果。

---