微信小程序数据交互怎么操作

很多人在开发微信小程序的时候，不知道什么是数据交互，也不知道什么叫数据交互。其实数据交互就是记录微信小程序wx.request与后台交互时遇到的问题。那么微信小程序的数据交互怎么操作呢？

1、根据数据，完成第一步，请求发送，代码如下：

[javascript]查看普通副本打印？

wx.request({

url : ' https://localhost :8443/xichengxu/addbill . do '，data: e.detail.value，方法： '发布'，成功：功能(res) {

console . log(' submit success ')；

},

fail:function(res){

console.log('提交失败')；

},

完成：功能(res){

console.log('提交完成')；

}

})

wx.request({

url : ' https://localhost :8443/xichengxu/addbill . do '，data: e.detail.value，方法： '发布'，成功：功能(res) {

console . log(' submit success ')；

},

fail:function(res){

console.log('提交失败')；

},

完成：功能(res){

console.log('提交完成')；

}

})

后台成功接收到请求，控制台也打印了提交成功和提交完成。但是后台请求没有接收到数据，开始调试，发现数据都在requestpayload中，所以springmvc的mapping bean和req.getparameter都无法在后台获取参数。

解决方案参考链接：http://blog.csdn.net/mhmyqn/article/details/25561535/

简单来说就是添加了header : { ' content-type ' : ' application/x-www-form-url encoded ' }，后台成功获取数据。此时，代码如下：

[javascript]查看普通副本打印？

wx.request({

url : ' https://localhost :8443/xichengxu/addbill . do '，data: e.detail.value，方法： '发布'，header : { ' content-type ' : ' application/x-www-form-url encoded ' }，成功：功能(res) {

console . log(' submit success ')；

},

fail:function(res){

console.log('提交失败')；

},

完成：功能(res){

console.log('提交完成')；

}

})

wx.request({

url : ' https://localhost :8443/xichengxu/addbill . do '，data: e.detail.value，方法： '发布'，header : { ' content-type ' : ' application/x-www-form-url encoded ' }，成功：功能(res) {

console . log(' submit success ')；

},

fail:function(res){

console.log('提交失败')；

},

完成：功能(res){

console.log('提交完成')；

}

})

2.接收请求返回的数据

这一步问题不大。我是以json格式返回的，但是根据写的console.log(res.data)，我会把对象打印在控制台上，带参数名，比如res.data.code

数据交互是记录微信小程序wx.request与后台交互时遇到的问题。微信小程序数据的交互使用，仍然可以让小程序的开发更加方便。更多相关教程，请关注源社网小节目频道。

下面是题目的开头。微信小程序调用api，通过api接口向小程序显示json数据。标题到此结束

微信小程序如何调用api通过api接口向小程序显示json数据？我们来看看微信小程序是如何通过api接口向小程序显示json数据的。

1;首先是之前知乎接口数据的json格式的开头

日期' :'20211114 '，故事' :[

{

images':[

http://pic 2 . zhi mg.com/76125 c 357 aa 7 b 0 ca 6 c 9 cbc 41 b4 a 5326d . jpg '

],

类型' :0，id':8975316，ga_prefix':'111422 '，标题' : '小东西和你的一样'

},

{

images':[

' http://pic1 . zhi mg.com/7c 908 a 5940384123 fd 88287 dbc 6a 2c 98 . jpg '

],

类型' :0，id':8977438，ga_prefix':'111421 '，题目‘:’长大，谁说是长大的意思？'

},12345678910111213141516171819202034567891011121314151617181920

2;in index.js

页面({

数据： {

duration: 2000，指示：为真，autoplay: true，interval: 3000，loading: false，plain: false

},

onload:函数{

var that=this//不要错过这句话，很重要

wx.request({

url : ' http://news-at . zhi hu.com/api/4/news/latest '，headers: {

内容类型' : '应用程序/json '

},

成功：功能(res) {

json数据将存储在这个名为胡志的数组中

that.setdata({

zhi : res . data . stories，//res代表成功函数的事件对，数据是固定的，故事是上面json数据中的故事

})

}

})

}

})

3;in index.wxml

autoplay=' { { autoplay } } ' class=' banner ' interval=' { { interval } } ' duration=' { { duration } } '；//这里边的属性不重要。看底部

{{item.title}}

看完这段代码，你会想，按照微信小程序的绑定原理，这里的代码哪里调用了onload函数？不用多想，微信小程序给你省略了这些步骤。直接给阵胡志打电话就行了。

以上是小编整理的关于微信小程序调用api通过api接口向小程序展示json数据的内容。更多精彩内容，请关注源社网小节目频道。

这是第一段的结尾。下面是添加微信小程序调用api的段落结束，通过api接口向小程序显示json数据已经获得了188位网友的青睐！正文到此结束