Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >微信小程序调用接口返回数据或提交数据

微信小程序调用接口返回数据或提交数据

作者头像
纯粹是糖
发布于 2018-03-14 07:02:08
发布于 2018-03-14 07:02:08
1.1K00
代码可运行
举报
文章被收录于专栏:kwcodekwcode
运行总次数:0
代码可运行

由于小程序发起网络请求需要通过 wx.request

文档地址

https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html

习惯用ajax了,则把(wx.request)封装一下

1、新建文件 http.js 

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/*习惯用ajax了,则把(wx.request)封装一下, 调用方式 
1、先引入:const http = require('../../js/http.js')
2、使用方式:http.post或者http.get
3、params参数格式如:{ start: 1, count: 4}
*/
/*官方文档https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html*/

module.exports = {
  get(apiUrl, yes, error) {
    wx.request({
      url: apiUrl,
      header: { 'Content-Type': 'json' },
      success: yes,
      fail: error
    })
  },
  post(apiUrl, params, yes, error) {
    wx.request({
      url: apiUrl,
      data: params,
      header: { 'Content-Type': 'json' },
      success: yes,
      fail: error
    })
  }
}

  2、页面调用方式

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/**
   * 生命周期函数--监听页面加载
   */ 
  onLoad: function (options) {  
      const http = require('../../js/http.js')//引入http.js文件 
      var params = { start: 1, count: 4}; //参数
      http.post("https://api.douban.com/v2/movie/coming_soon", { start:1,count:4}, function(res){
        console.log("返回结果=" +JSON.stringify(res.data));
      },function(e){
        console.log("返回error结果=" + JSON.stringify(e));
      } ); 
  },
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
微信小程序class封装http
config.js var config = { base_api_url:"https://douban.uieee.com/v2/" } export {config} utils/http.js import {config} from "../config"; class HTTP{ request(params) { if (!params.method) { params.method = "GET" } wx.request({ ur
达达前端
2019/08/25
6740
第四个页面:制作电影资讯页面
之前的文章列表页面还有一个小功能没有实现,就是点击点击轮播图就能跳转到相应的文章详情页面,这个和点击文章列表跳转到文章详情页面的实现方式是一样的。
端碗吹水
2020/09/23
1.5K0
第四个页面:制作电影资讯页面
小程序笔记篇
豆瓣top250的数据https://api.douban.com/v2/movie/top250
达达前端
2019/07/03
6370
小程序笔记篇
微信小程序wx.request重写
请求后台的时候,服务端对每一个请求都会验证权限,而前端也需要对服务器返回的特殊状态码统一处理,所以可以针对业务封装请求。
似水的流年
2020/02/11
1.7K0
微信小程序HTTP封装请求
http.js import utils from "../../utils/utils" var http = utils.http; const douban = "https://douban.
达达前端
2019/08/25
1.1K0
通过微信小程序看前端
摘要: 2016年9月22日凌晨,微信官方通过“微信公开课”公众号发布了关于微信小程序(微信应用号)的内测通知。整个朋友圈瞬间便像炸开了锅似的,各种揣测、介绍性文章在一夜里诞生。而真正收到内测邀请的公众号据说只有200个。 虽然内测名额十分稀少,但依赖中国广大开发者的破解和分享精神,在网络上很快出现了...
shaonbean
2019/05/27
8270
微信小程序前端promise封装
config.js const config = { base_url_api : "https://douban.uieee.com/v2/movie/", } export {config} http.js import { config } from "../config"; class HTTP { requset({ url, method = "GET", data = {} }) { const promise = new Promise((resolve,
达达前端
2019/08/25
1.1K0
微信小程序踩坑记-Java基于SSM下的post请求
最近在持续踩微信小程序的坑,canvas和WebSocket的暂时还没找到相关的解决方案,暂时先将post请求无法获取data参数的坑填上。直接附上解决方案,已通过真机检测~之后的解决历程有兴趣的可以看看,没兴趣就可以直接跳过了,附录里是一些遇到的知识延伸以及参考资料地址。本文的环境为:微信小程序+Java+SpringMCV,由于暂时没用到数据库,就不写ssm了。以下内容仅适用于微信小程序,普通页面中暂不负责~(就酱霸气~~)
WindCoder
2018/09/19
3.5K0
微信小程序踩坑记-Java基于SSM下的post请求
微信小程序前端function封装
funtion的封装 utils =>http.js var tips = { 1: "没有网络", 999: "无效的请求", 5000: "没有这些电影" } function http(params) { /*params 对象包含 url,success,method,data */ if(!params.method){ params.method ="GET"; } wx.request({ url:pa
达达前端
2019/08/25
7050
微信小程序之同步与异步API
我们的小程序的宿主是微信,小程序涉及到很多调用微信功能的场景,如获取用户信息,本地存储,支付功能等;因此,小程序开发框架为我们提供了丰富的微信原生API。小程序将微信原生API分为"事件监听 API"、"同步 API"、"异步API"三类,本文我们主要介绍"同步 API"、"异步API"。
张世强
2020/04/27
4.8K0
微信小程序之同步与异步API
调用wx.request接口时需要注意的几个问题
okaychen
2018/01/05
2.9K0
调用wx.request接口时需要注意的几个问题
一个简单的微信小程序DEMO
wx.request发起的是 HTTPS 请求。一个微信小程序,同时只能有5个网络请求连接
江米小枣
2020/06/15
1.4K0
「小程序JAVA实战」小程序查看视频发布者信息(64)
PS:现在发布人的界面和个人界面是一样的,应该根据判断,发布人的里面只能有关注和视频列表,而个人界面可以进行注销上传视频操作,下次我们继续完成。
IT架构圈
2019/07/08
5850
「小程序JAVA实战」小程序查看视频发布者信息(64)
微信小程序授权获取用户详细信息openid
Incorrect string value: ‘\xF0\x9F\x98\x83 <…’ for column ‘summary’ at row 1
李才哥
2019/07/10
5.7K0
微信小程序授权获取用户详细信息openid
小程序---调用后端接口的方法
学习小程序一段时间了,写页面对我来说没有任何问题。最近学习如何请求后端接口,本来想请求项目中正在用的接口,可是无缘,微信小程序不允许。官方给出的提示是,接口必须有域名且备案,我就无语了,我们的接口都是ip地址,所以我只能呵呵了。不过,也没太大关系,重点是学习方法。下面,我简单说一下官方给出的请求接口的方法。
半指温柔乐
2019/03/29
3.2K0
「小程序JAVA实战」小程序注册与后端联调(35)
小程序的后端spring boot的注册接口已经完成了,下一步就是修改小程序的前端请求联调下。之前说过wx.request的api。源码:https://github.com/limingios/wxProgram.git 中的wx-springboot 和 No.15 注册与后端的联调 在app.js定义后端服务器的路径 这里需要提一下,假设在手机上测,如果手机开启的4G信号,跟电脑不是在同一个局域网的情况下。需要电脑端开启内网穿透的功能才可以在测试。如果在同一个局域网内可以通过内网ip的形式。local
IT架构圈
2018/12/28
1K0
mpvue——API请求封装(小程序原生)
能用,但不是最好的方法,最好的还是fly,因为为了以后多平台的考虑,最好使用fly.js,做之前先关闭校验合法域名,因为我没在后台进行配置
思索
2024/08/16
910
mpvue——API请求封装(小程序原生)
零基础学小程序004----小程序post请求,提交数据到服务器,小程序下单,小程序用户注册功能
由于这段时间工作比较忙,小程序入门系列课程一直没有更新,今天好不容易抽个时间来更新系列教程,今天的这个教程对大家很有用,涉及到和后台服务器的数据交互。
编程小石头
2020/10/22
1.5K0
零基础学小程序004----小程序post请求,提交数据到服务器,小程序下单,小程序用户注册功能
微信小程序开发学习——小程序发送模板消息
微信小程序的消息推送简单的说就是发送一条微信通知给用户,用户点开消息可以查看消息内容,可以链接进入到小程序的指定页面。     微信小程序消息推送需要用户触发动作才能发送消息,比如用户提交订单、支付成功。一次只能发一条,当然可以通过某种方法发送多条,小的就不在这里赘述了。下面就介绍一下如何推送消息。 一、准备工作     首先,在微信公众平台开通消息推送功能,并添加消息模板。可以从模板库选择模板也可以创建一个模板,模板添加之后,模板ID我们接下来要用的。     发送模板消息需要用到accesstoken、formId和openID。accesstoken获取及更新可以看我的上一篇文章;formID就是消息模板ID,openID我们最好在获取用户信息或用户登录时储存到全局变量里。
KEVINGUO_CN
2020/03/17
2.1K0
微信小程序 网络请求封装
post请求和get请求不一样的地方在于header中的content-type参数和method参数
yechaoa
2022/06/10
5730
相关推荐
微信小程序class封装http
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验