当前位置:   article > 正文

微信小程序-封装http请求(ajax)_小程序怎么设置url前缀

小程序怎么设置url前缀

官方api发起请求:

wx.request
进行封装:要进行一些公共处理,比如添加处理拦截等等

在app.js中声明url前缀

url: '请求ip地址',
声明ajax方法

  1. ajax(model) {
  2. wx.showLoading({
  3. title: '加载中',
  4. })
  5. //拼接url
  6. model.url = this.url + model.url;
  7. //get参数拼接
  8. if (model.method == "get" && model.data !== undefined) {
  9. for (let k in model.data) {
  10. if (model.data[k].toString() !== '') {
  11. model.url = model.url + "&" + k + "=" + model.data[k];
  12. }
  13. }
  14. model.data='';
  15. }
  16. //返回Promise对象
  17. return new Promise(
  18. function (resolve) {
  19. wx.request({
  20. method: model.method,
  21. url: model.url,
  22. data: model.data,
  23. success: (res) => {
  24. wx.hideLoading()
  25. if (res.statusCode == 200) {
  26. resolve(res.data);
  27. } else {
  28. //错误信息处理
  29. wx.showModal({
  30. title: '提示',
  31. content: '服务器错误,请联系客服',
  32. showCancel: false,
  33. })
  34. }
  35. }
  36. })
  37. }
  38. )
  39. },

使用方法:

每个js头部引入

let $ = getApp()
  1. $.ajax({
  2. method: 'get',
  3. url: 'url',
  4. data: this.data.param
  5. }).then(response => {
  6. })

关于get使用data,个人只是觉得每次在url后面拼接参数很麻烦就进行了二次处理,按照post的data一样传入即可



声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/148011
推荐阅读
相关标签
  

闽ICP备14008679号