小程序的接口封装和与其他接口请求的差异

微信小程序的数据请求

1.常用的请求方式

1. ​ js原生实现

//第一种：let xhr=new XMLHttpRequest()xhr.open()xhr.send()//第二种：fetch() 支持promisefetch('接口地址').then(function(response) {return response.json();}).then(function(myJson) {console.log(myJson);}).catch(error=>{})//例如：fetch('https://api.it120.cc/hjl/shop/goods/category/all').then(res=>{//console.log(res)return res.json()}).then(response=>{console.log('返回的结果：',response)})

​ 2.jQuery实现请求

$.ajax({url:'xxx',type:'',success:function() {},...
})$.getJSON()

​ 3.Vue常用的方式

axios
axios.get()
axios.post()
axios.delete()
axios.put()

​ 4.小程序的实现方式

//wx.require()wx.request({url: '接口地址',data: {name:''},header: {'content-type': 'application/json'},success (res) {console.log(res.data)}})

注意：使用wx.request()请求注意事项

• 1.使用之前要提前配置合法域名或微信开发者工具-详情-本地设置-勾选不检验合法域名
• 2.请求的接口协议必须是https开头的，即加密协议
• 3.如果加载页面完成就请求数据，请求最好放在onShow生命周期中

2.小程序接口封装

1. 作用：方便统一管理项目接口，便于项目后期维护与管理

2. 具体怎么实现封闭

   栗子：

module.exports={prod:{baseUrl:'线上地址'},test:{baseUrl:'测试地址'},local:{baseUrl:'本地地址'}}

3.封装接口的好处是什么？

• 对wx.request进行二次封装，针对不同业务参数的传递，返回不同的请求结果

  Promise() 主要用于解决回调地狱的一种异步方案

• 这样封装接口可以统一管理不同业务的接口

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！