各位大神们,能不能给个实时显示数据库的内容?

  • • 发表于 8年前
  • • 作者 小兵
  • • 2375 人浏览
  • • 3 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

最近在学习小程序与后端服务器(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)
}
})
},

用上面的方法只能点“读取数据”才有显示,让他无刷新显示怎么做?

分享到:

Michael
Michael 2017-04-23 12:02:23.0

可以过几秒调用一次的方式读取数据,这种叫轮询
也可以建立socket连接,后台直接推送最新的

小兵
小兵 2017-04-23 20:19:46.0

非常感谢,我已经搞定显示了,只是有一个问题,在电脑上使用开发工具可以显示,但在手机上不能显示,为什么?

小兵
小兵 2017-04-23 20:24:19.0

//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>

3条评论
我来说两句...
x
 
Ctrl+Enter
作者

小兵

小兵

APP:1 帖子:2 回复:21 积分:51

已加入社区[2919]天

主人太懒,签名没设置!

作者详情》