《微信小程序开发从入门到实战》学习六十八

2024-01-01 11:12

本文主要是介绍《微信小程序开发从入门到实战》学习六十八,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

6.6 网络API

6.6.1 网络API

使用wx.request接口可以发起网络请求。该接口接受一个Object参,参数支持属性如下所示:

url(必填):开发者服务器地址

data:请求的参数,类型为string/object/ArrayBuffer

header:设置请求的header。header不能设置Referer。

method:HTTP请求方法,支持OPTIONS/GET(默认值)/HEAD/POST/PUT/DELETE/TRACE/CONNECT

dataType:返回的数据格式,如设置为json,会对返回数据进行一次JSON.parse解析

responseType:响应的数据类型,支持text和Arraybuffer

success

fail

complete

data属性是最终发送给服务器的数据,如果传入的数据不是string类型,会先被转换为string类型,然后再发送。转换规则如下:

(1).对于GET方法,会将数据转换成query string

url?encodeURIComponent(key1)=encodeURIComponent(value1)&encodeURIComponent(key2)=encodeURIComponent(value2)...

(2).对于POST方法,当header['content-type']为application/x-www-form-urlencoded的数据,会将数据转换成query string

  当header['content-type']为application/json的数据,会对数据进行JSON序列化

        调用网络请求API,只要成功接收到服务器返回,就会进入success回调。success回调的Object参数支持三属性,data、statusCode和header。statucCode正常情况下该值为200,header为服务器返回的HTTP报文的头部。

        网络请求API会返回一个RequestTask对象,可以通过该对象,监听服务断返回Header的事件(比请求完成的回调事件更早),或中断网络请求,示例代码如下:

const requestTask = wx.request({

      url: 'https://somewebsite.com/test', // 仅为示例,并非真实的接口地址

      data: {

        x: '123',

        y: true

      },

      header: {

        'content-type': 'application/json' //默认值

      },

      success(res){

        if (res.statusCode === 200) {

          console.log(res.data)

        }

      }

    })

    //监听HTTP Response Header事件

    requestTask.onHeadersReceived(function(res){

      console.log(res.header) // 服务器返回的 HTTP Response Header,类型为Object

    })

    // 取消监听 HTTP Response Header 事件

    requestTask.offHeadersReceived()

    // 取消请求任务 

    requestTask.abort()

这篇关于《微信小程序开发从入门到实战》学习六十八的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/559081

相关文章

Golang操作DuckDB实战案例分享

《Golang操作DuckDB实战案例分享》DuckDB是一个嵌入式SQL数据库引擎,它与众所周知的SQLite非常相似,但它是为olap风格的工作负载设计的,DuckDB支持各种数据类型和SQL特性... 目录DuckDB的主要优点环境准备初始化表和数据查询单行或多行错误处理和事务完整代码最后总结Duck

Python中的随机森林算法与实战

《Python中的随机森林算法与实战》本文详细介绍了随机森林算法,包括其原理、实现步骤、分类和回归案例,并讨论了其优点和缺点,通过面向对象编程实现了一个简单的随机森林模型,并应用于鸢尾花分类和波士顿房... 目录1、随机森林算法概述2、随机森林的原理3、实现步骤4、分类案例:使用随机森林预测鸢尾花品种4.1

Golang使用minio替代文件系统的实战教程

《Golang使用minio替代文件系统的实战教程》本文讨论项目开发中直接文件系统的限制或不足,接着介绍Minio对象存储的优势,同时给出Golang的实际示例代码,包括初始化客户端、读取minio对... 目录文件系统 vs Minio文件系统不足:对象存储:miniogolang连接Minio配置Min

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

W外链微信推广短连接怎么做?

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时,首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值,还要能够激起人们的分享欲望。对于许多企业和个人来说,尤其是那些缺乏创意和写作能力的人来说,这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大,不同用户的需求和兴趣各异。因此,制作推广链接时需要精准定位目标受众,以便更有效地吸引他们点击并分享链接

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06