微信小程序判断为空怎么办?关于小程序开发的问题
经常有人反映在进行小程序开发的时候会出现微信小程序判断为空的现象,小编今天为大家带来了一些小程序开发方面的资料,也提到了这种问题,大家仔细看一下。
1.开发思维需要转变
jQuery 在操作dom是非常好用和便利。然而在微信小程序商城就要换成了数据驱动就要对其换一种开发思维方式了。因为小程序目前文档中已经说明了限制了window和document。
很多年前adobe flex的推出mxml的语言,这种早期的设计后来也被证实是超前的设计。在angular 和现在微信开发依旧可以看到一些缩影。微信wxml会倾向于react native的方案。采取数据data绑定视图变化也是传统的mvc方式。
类似小程序input控件,在过去我们经常使用$(“#id”).val().获取id值去调用文本输入框内容是判断否为空。而采用数据的方式,则先定义一个文本变量。然后通过输入事件获得内容,再用这个方式去和数据进行判断。
内容会通过这个事件通知来得到当前的值。
请输入查询内容
查询
Page({
data: {
inputValue:""
},
onInput:function(event){
inputValue = event.detail;//记录输入的值
});12345671234567
.container2{
background-color: #efeff4;
height:100%
}
.panel{
padding-top: 20px;
}
.title{
margin-left: 4%;
}
.inputarea{
width: 100%;
height: 60px;
background-color: #ffffff;
margin-top: 10px;
}
.searBtn{
margin-top: 40px;
width: 92%;
}
我们可以不用理会样式先,关注是文本框如何获取到内容。input支持事件获取。有这个字段就可以获得用户输入的内容了。
2.如何触发小程序按钮点击
大部分想在测试过程调用一个接口,这个调用方式是最直接也是最傻瓜。在小程序提供案例请求了个人微信信息,返回后可以获取到小头像和名字的基础信息。
好了,按钮是如何点击处理?
定义按钮绑定一个点击触控行为bindtap=’onRequest’,通过这个点击事情获取文本输入的内容。然后在me.js里面进行对代码编辑。加入onRequest的函数处理。
Page({
data: {
inputValue:""
},
onInput:function(event){
inputValue = event.detail;//记录输入的值
},
onRequest:function(){
console.log("我点击了"+inputValue );
});
3.点击后我希望调用小程序接口
网络请求支持s 和websocket。方法API如下
wx.request(OBJECT)
这里提供了相应参数说明文档。
我们尝试调用豆瓣的电影接口,返回一些数据回来。它可以处理成功的函数调度,同时在错误的时候,也可以进行输出反馈。
wx.request({
url: 'api.douban/v2/movie/top250',
header: {
'Content-Type': 'application/json'
},
success: function(res) {
console.log(res.data);
wx.redirectTo({
url: '../logs/logs'
})
},
fail:function(){
console.log("接口调用失败");
}
})
通过点击这个按钮后,出现了我们想要的数据。
效果图展示。
通过上面讲述的那样,如果微信小程序判断为空就可以尝试着换一种方式操作,这样就可以解决小程序开发的问题了,大家明白了吗?
微信小程序逻辑判断有什么意义?
微信小程序判断空值,小程序如何传值和取值
小程序wxml字符为空怎么办
