微信小程序的ajax数据请求wx.request - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

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

发表时间:2021-3-31

发布人:葵宇科技

浏览次数:74


微信小程序的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. })


相关案例查看更多