找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

微信小程序的ajax数据请求wx.request

作者:模板之家 2018-4-25 10:58 2745人关注

微信小程序的ajax数据请求,很多同学找不到api在哪个位置,这里单独把小程序的ajax请求给列出来,微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程序不同于浏


微信小程序的ajax数据请求,很多同学找不到api在哪个位置,这里单独把小程序的ajax请求给列出来,微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程序不同于浏览器的ajax请求,可以直接跨域请求不用考虑跨域问题。

使用小程序官方提供的数据请求api发起数据请求

wx.request(OBJECT)

wx.request发起的是https请求。一个微信小程序,同时只能有5个网络请求连接。

示例代码:

 

				
  1. wx.request({
  2. url: 'test.php',
  3. data: {
  4. x: '' ,
  5. y: ''
  6. },
  7. header: {
  8. 'Content-Type': 'application/json'
  9. },
  10. success: function(res) {
  11. console.log(res.data)
  12. }
  13. })

微信小程序中使用fetch做ajax请求

fetch是一种新的ajax请求规范,经懒人建站测试,fetch在小程序中也是支持的,测试ajax请求代码如下:  then中带代码是测试,这里是节选了小部分代码,实际使用需要自行修改。

 

				
  1. fetch('http://www.51xuediannao.com/json.php?typeid=34&page=1&pagesize=10')
  2. .then(function(response){
  3. if(response.status==200){
  4. that.data.page++;
  5. return response.json();
  6. }
  7. }).then(function(data){
  8. console.log(data);
  9. //更新数据
  10. that.setData({
  11. listArr:that.data.page==1 ? data : that.data.listArr.concat(data)
  12. })
  13. console.log(that.data.listArr);
  14. })


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)