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

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

相关文章

Python与DeepSeek的深度融合实战

《Python与DeepSeek的深度融合实战》Python作为最受欢迎的编程语言之一,以其简洁易读的语法、丰富的库和广泛的应用场景,成为了无数开发者的首选,而DeepSeek,作为人工智能领域的新星... 目录一、python与DeepSeek的结合优势二、模型训练1. 数据准备2. 模型架构与参数设置3

Java实战之利用POI生成Excel图表

《Java实战之利用POI生成Excel图表》ApachePOI是Java生态中处理Office文档的核心工具,这篇文章主要为大家详细介绍了如何在Excel中创建折线图,柱状图,饼图等常见图表,需要的... 目录一、环境配置与依赖管理二、数据源准备与工作表构建三、图表生成核心步骤1. 折线图(Line Ch

Java使用Tesseract-OCR实战教程

《Java使用Tesseract-OCR实战教程》本文介绍了如何在Java中使用Tesseract-OCR进行文本提取,包括Tesseract-OCR的安装、中文训练库的配置、依赖库的引入以及具体的代... 目录Java使用Tesseract-OCRTesseract-OCR安装配置中文训练库引入依赖代码实

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程

《在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程》本文介绍了在Java中使用ModelMapper库简化Shapefile属性转JavaBean的过程,对比... 目录前言一、原始的处理办法1、使用Set方法来转换2、使用构造方法转换二、基于ModelMapper

Java实战之自助进行多张图片合成拼接

《Java实战之自助进行多张图片合成拼接》在当今数字化时代,图像处理技术在各个领域都发挥着至关重要的作用,本文为大家详细介绍了如何使用Java实现多张图片合成拼接,需要的可以了解下... 目录前言一、图片合成需求描述二、图片合成设计与实现1、编程语言2、基础数据准备3、图片合成流程4、图片合成实现三、总结前

nginx-rtmp-module构建流媒体直播服务器实战指南

《nginx-rtmp-module构建流媒体直播服务器实战指南》本文主要介绍了nginx-rtmp-module构建流媒体直播服务器实战指南,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有... 目录1. RTMP协议介绍与应用RTMP协议的原理RTMP协议的应用RTMP与现代流媒体技术的关系2

C语言小项目实战之通讯录功能

《C语言小项目实战之通讯录功能》:本文主要介绍如何设计和实现一个简单的通讯录管理系统,包括联系人信息的存储、增加、删除、查找、修改和排序等功能,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录功能介绍:添加联系人模块显示联系人模块删除联系人模块查找联系人模块修改联系人模块排序联系人模块源代码如下

Golang操作DuckDB实战案例分享

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