VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云最新优惠促销活动
jtti最新优惠促销活动

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

locvps
主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

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

前面写着一句话:

最近,当我在学习如何请求后端接口时,我原本打算请求项目中正在使用的接口,但微信小程序不允许。官方提示界面必须有域名并备案,但我们的界面都是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的方法有效。

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

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 小程序应该如何正确调用后端接口(小程序连接到后端)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!