原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处
最近在学习小程序与后端服务器(mysql)通讯,可是用下面的方法只能是被动显示。能不能给个立即显示的代码?谢谢。
<!--index.wxml-->
<view class="container">
<view bindtap="bindViewRead" >读取数据</view>
<text>{{text}}</text>
</view>
//index.js
//读取数据
bindViewRead: function() {
var page = this;
wx.request({
url: ‘https://localhost/mysql/read.php‘,
data: {
key: “asdf33rr”
},
header: {
‘content-type’: ‘application/json’
},
success: function(res) {
page.setData({text:res.data});
console.log(res.data)
}
})
},
用上面的方法只能点“读取数据”才有显示,让他无刷新显示怎么做?
可以过几秒调用一次的方式读取数据,这种叫轮询
也可以建立socket连接,后台直接推送最新的
非常感谢,我已经搞定显示了,只是有一个问题,在电脑上使用开发工具可以显示,但在手机上不能显示,为什么?
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
},
//连接数据库并显示在当前页面
onLoad: function () {
var page = this;
wx.request({
url: ‘https://api.wxappclub.com/get‘,
data: {
appkey: ‘5e5ju20na345sdf4nw361qb9789asdf’,
key: “test”,
type: “data”,
},
header: {
‘Content-Type’: ‘application/json’
},
success: function(res) {
if(res.data.success){
page.setData({bt:res.data.result.value});
console.log(res.data.result);
}
}
});
}
})
<!--index.wxml-->
<view class="container">
<view bindtap="bindViewTap" class="userinfo">
<text class="user-motto">{{bt}}</text>
</view>
</view>