小程序应该如何正确调用后端接口(小程序连接到后端)

前面写着一句话:

最近，当我在学习如何请求后端接口时，我原本打算请求项目中正在使用的接口，但微信小程序不允许。官方提示界面必须有域名并备案，但我们的界面都是IP地址，所以我们无能为力。

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

一。官方方法

这种方法简单易懂，但使用时代码量太大。我建议最好把它封装起来。

wx . request（{ URL:& amp；#39;测试。& amp#39;，//只是一个例子，不是真正的接口地址数据:{ x:&；#39;& amp#39;y:& amp；#39;& amp#39;}，header:{ & amp；#39;内容-类型&amp。#39;:& amp#39;应用/JSON & amp；#39;//默认值}，success（RES）{ console . log（RES . data）}）二、请求方法封装（新建一个文件夹util，一个工具文件，并在文件夹下创建一个request.js文件来封装方法）request.js如下:

var app = getApp（）；//项目的URL是同一个部分，减少了代码量，方便项目迁移。//这里因为我是在本地调试，主机没有标准化。其实应该是域名信息var host = &；#39;http://localhost:8081/demo/& amp；#39;；/** * POST请求，* URL:interface * postData:parameter，json type * doSuccess:成功的回调函数* doFail:失败的回调函数*/function request（URL，POST data，doSuccess，do fail）{ wx . request（{//项目的真实接口，以及url: host+url，header:{“content -type & quot；:& quot应用/JSON；charset = ut F-8 & quot；}，数据:postData，方法:& amp#39;邮政和邮政。#39;，success:function（RES）{//参数值为res.data，返回的数据直接传入do success（RES . data）；}，fail:function（）{ do fail（）；}，}）}//GET请求，不传递参数，直接调用URL，函数GET data（URL，do success，do fail）{ wx . request（{ URL:host+URL，header:{“content -type & quot；:& quot应用/JSON；charset = ut F-8 & quot；}，方法:& amp#39;获取& amp#39;，成功:function（RES）{ do success（RES . data）；}，fail:function（）{ do fail（）；}，}）}/* *模块。exports用于通过var call = require（& quot；../util/request . js & quot；）导入导入文件时加载*里面的内容会通过这个类型由小程序的编译器自动提示，因为你可能有多个项目目录，不同js文件对应的工具类的位置是不同的*/module . exports . request = request；module . exports . get data = get data；（学习视频分享:编程入门）

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

1 //引入代码2valcall = require（“../util/request . js & quot；）3 4 Page（{ 5 data:{ 6 pictureList:【】，7 }，8 9 onLoad:function（）{ 10 var that = this；11 //调用封装的方法。为了方便起见，我在页面加载时直接执行这个方法。12个电话。get data（&；#39;LUN bo . do & amp；#39;，this.shuffleSuc，this . fail）；15 }，16 shuffles UC:function（data）{ 17 var that = this；18那个。setdata（{ 19图片列表:数据。rows 20 }）21//我后来测试了一下，this.setData可以直接使用，但是因为我在没有使用封装方法时报告了错误22 //this.setData，所以我不能直接使用这个，所以我通常在赋值时添加var that = this23 //这句话是习惯而不是习惯。24}，25 Fail:function（）{ 26 console . log（“Fail“）27 }，28}）在页面中编写回调函数并通过this的名称调用它。方法，以确保that.setData的方法有效。

相关推荐:小程序开发教程

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

• 小程序接口是什么意思？
• 帝国cms如何集成Ucenter接口（帝国CMS插件编写教程）
• 微信支付接口研究与分享（掌握微信支付接口）
• 从企业转移打开用户界面（如何进行企业转移）
• 微信官方账号支付接口开发（微信官方账号支付接口）

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