小程序如何正确调用后端接口(小程序如何调用后端接口)？

前面写着几个字:

最近在学习如何请求后端接口的时候，本来打算请求项目正在使用的接口，但是微信小程序不允许。官方提示界面必须有域名并备案，但我们的界面都是IP地址，回不了天。

然而，我们不必沮丧。下面分享一下官方的请求接口方法，供大家参考。

一.官方方法

这种方法简单易懂，但是使用的代码量太大。我建议最好包装一下。

wx . request({ URL: # 39；test.php # 39，//只是一个例子，不是真实的接口地址数据:{ x: # 39；'，y: # 39；'}，表头:{ # 39；内容-类型 # 39；: '应用/JSON # 39；//默认值}，success(RES){ console . log(RES . data)} })II。请求方法封装(新建一个文件夹util，tool文件，在文件夹下创建一个request.js文件封装方法)。request.js如下:

var app = getApp()；//项目URL的相同部分减少了代码量，方便了项目迁移。//这里因为我是本地调试，主机不规范。其实应该是你备案的域名信息var host = # 39http://localhost:8081/demo/ # 39；；/** * POST请求，* URL:interface * postData:parameter，json type * doSuccess:成功回调函数* doFail:失败回调函数*/functionrequest (URL，POST data，doSuccess，DoFail) {wx.request({ //项目的真实接口，url: host+url，header:{ " content -type ；: 应用/JSON；charset = ut F-8 ；}，数据:postData，方法: # 39；邮政 # 39；，success: function (res) {//参数值为res.data，返回的数据直接传入do success(RES . data)；}，fail:function(){ do fail()；}，})}//GET请求，不用传参数，直接URL调用，函数GET数据(URL，do success，do fail){ wx . request({ URL:host+URL，header:{ " content -type ；: 应用/JSON；charset = ut F-8 ；}，方法: # 39；获取 # 39；，success:function(RES){ do success(RES . data)；}，fail:function(){ do fail()；}，})}/* * module.exports用于通过var call = require( ；../util/request . js ；)导入时加载*导入文件" 里面的内容就是这种类型../../../，小程序的编译器会自动提示，因为你可能*有不止一级的项目目录，不同的js文件有不同的tool class */module . exports . request = request的位置；module . exports . get data = get data；(学习视频分享:编程入门)

第三，在page中创建一个文件夹，创建四种文件，在js中添加。

1 //引入代码2vercall = require("../util/request . js ；)3 4 Page({ 5 data: { 6 pictureList: []，7 }，8 9 onLoad:function(){ 10 var that = this；1//调用封装的方法，这样我就可以在页面加载的时候直接执行这个方法。12 call . get data( # 39；LUN bo . do # 39；，this.shuffleSuc，this . fail)；15 }，16 shuffles UC:function(data){ 17 var that = this；1 that . setdata({ 19 picturelist:data . rows 20 })21//我后来测试了一下，直接用this.setData是可以的，但是因为我在22 //this.setData上报错的时候没有使用封装方法，所以不能直接用this，所以赋值的时候一般会加上that = this23 //这句话是习惯不是习惯24}，25 fail:function(){ 26 console . log(" Failed ")27 }，28})在page中编写回调函数，通过这个调用它。方法名，以确保. setData方法有效。

推荐:小程序开发教程以上是如何正确调用小程序后端接口的细节。请多关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 小程序接口是什么意思？
• 小程序应该如何正确调用后端接口(小程序连接到后端)
• 帝国cms如何集成Ucenter接口（帝国CMS插件编写教程）
• 微信支付接口研究与分享（掌握微信支付接口）
• 从企业转移打开用户界面（如何进行企业转移）

本文由主机参考刊发，转载请注明：小程序如何正确调用后端接口(小程序如何调用后端接口)？ https://zhujicankao.com/79933.html