小程序 数据获取
1、参数的获取点击按钮触发事件<!-- 点击事件data-id传参 传到event对象里(id是自定义的)bindtap轻点击--><button data-id="3" bindtap="fn">点击触发事件 </button>Page({fn(e){ //event对象接收数据// 1、参数的获取console.log("123")console.log(e
·
1、参数的获取
点击按钮触发事件
<!-- 点击事件data-id传参 传到event对象里(id是自定义的) bindtap轻点击-->
<button data-id="3" bindtap="fn">点击触发事件 </button>
Page({
fn(e){ //event对象接收数据
// 1、参数的获取
console.log("123")
console.log(e.currentTarget.dataset.id)
},
})
2、文件内的数据获取方式
<view>
<button bindtap="fn">点击触发事件</button>
</view>
<view>
{{message}}
</view>
<!-- 点击时候回显示消失 注意这里show使用双花括号 -->
<view wx:if="{{show}}">
我会显示消失
</view>
data: {
message:"我说本地数据",
show:true
},
fn(e){ //event对象接收数据
console.log(this)
this.setData({ //this.setaData 修改数据
message:"点击修改数据",
show:!this.data.show //点击显示消失
})
},
3.网络数据获取
首先:小程序是没有跨域的问题 跨域是起源在浏览器的同源策略
<button size="mini" type="primary" bindtap="getData">点击获取网络数据</button>
getData(){ //点击事件
wx.request({
url: 'http://localhost:8989/getList', //这里在编译器 详情->本地设置->不校检合法域名... 点上对勾
success(res){ //请求成功会执行的方法
console.log(res.data)
}
})
},

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
所有评论(0)