小程序,wx.request;动态向服务器端请求数据。
Posted 熊大黑吖
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序,wx.request;动态向服务器端请求数据。相关的知识,希望对你有一定的参考价值。
wx.request 通过微信封装的ajax,动态向服务器端请求数据。以下是在练习微信小程序时写的测试代码。
其中index.js文件如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
//测试: wx.request({ url: \'http://hd.jz-lm.com/mobile/Ceshi/index\' , method: \'GET\' , data: {}, header: { \'Accept\' : \'application/json\' }, success: function (res) { console.log( \'-----------\' ) console.log(res); console.log(res.data); console.log( \'-----------\' ) that.setData({ tests: res.data }); } }) |
通过console.log(res)打印出来的数据如下
通过console.log(res.data);打印出来的是一个二维数组信息,如下。,
index.wxml文件如下
1
2
3
4
5
6
7
8
9
10
11
|
<!-- 测试信息 --> <view> <swiper class = "swiper_box" indicator-dots= "{{indicatorDots}}" vertical= "{{vertical}}" autoplay= "{{autoplay}}" interval= "{{interval}}" duration= "{{duration}}" bindchange= "swiperchange" > <block wx: for = "{{tests}}" > <swiper-item> <image src= "{{\'http://hd.jz-lm.com\'+item.original_img}}" class = "slide-image" /> </swiper-item> </block> </swiper> </view> |
整个流程是请求URL地址,获得json数据,将得到的json数据,找到需要的数据赋值给变量,写入data中。以供前台使用。
微信wxml文件通过 block for函数循环,输出数组变量信息。目前做的是简单的向服务器端请求数据,并未向服务器端传入data数据,实现动态双向数据交互。
以上是关于小程序,wx.request;动态向服务器端请求数据。的主要内容,如果未能解决你的问题,请参考以下文章