云建站模板,互联网推广广告,wordpress问答系统,网站制作公司全域营销获客公司uni-app 网络API 在 uni-app 开发中#xff0c;网络请求是获取数据与和服务器交互的重要手段。以下介绍 uni-app 中常见的网络 API#xff0c;包括发起请求、上传和下载以及 WebSocket、UDP 通信等方面。 发起请求 在 uni-app 里#xff0c;使用uni.request(OBJECT)来发起…uni-app 网络API 在 uni-app 开发中网络请求是获取数据与和服务器交互的重要手段。以下介绍 uni-app 中常见的网络 API包括发起请求、上传和下载以及 WebSocket、UDP 通信等方面。 发起请求 在 uni-app 里使用uni.request(OBJECT)来发起网络请求它类似于传统 Web 开发中的 AJAX在实际开发中主要用于从服务器端接口获取数据其使用方式和 jQuery 的 AJAX 较为相似。下面详细介绍其参数 url必填这是开发者服务器接口的地址明确请求的目标位置。 data用于设置请求参数这些参数会被发送到服务器。 header用来设置请求的头部信息比如设置认证信息等。 method指定请求的方法默认是 GET。 timeout设置请求的超时时间避免请求长时间无响应。 dataType若设置为 jsonuni-app 会自动尝试对返回的数据进行 JSON.parse 处理方便后续使用数据。 sslVerify用于验证 SSL 证书保障请求的安全性。 withCredentials决定跨域请求时是否携带凭证。 firstlpv4在 DNS 解析时优先使用 IPV4。 success当成功收到开发者服务器返回的数据时会触发这个回调函数。 fail一旦接口调用失败就会进入这个回调函数。 complete无论接口调用成功与否结束时都会执行此回调函数。 代码示例 假设我们要从服务器获取用户列表数据接口地址为https://example.com/api/users示例代码如下 uni.request({url: https://example.com/api/users,method: GET,data: {page: 1,limit: 10},header: {Content-Type: application/json},success: function (res) {console.log(请求成功, res.data);},fail: function (err) {console.log(请求失败, err);},complete: function () {console.log(请求结束);} });关于 data 的转换规则 发送给服务器的 data 必须是 String 类型如果不是 String 类型会按照特定规则强制转换为 String GET 方法数据会被转换为查询字符串。例如{name:‘name’,age:‘18’}会转换为namenameage18。 POST 方法 当header[‘content-type’]为application/json时数据会进行 JSON 序列化。 当header[‘content-type’]为application/x-www-form-urlencoded时数据会被转换为查询字符串。 method 的取值 method可取值有GET、POST、PUT、DELETE、CONNECT、HEAD、OPTIONS、TRACE。在实际开发中常用且兼容性较好的是GET和POST方法。GET一般用于获取数据POST常用于向服务器提交数据。 success 回调参数说明 data类型可以是Object、String或者ArrayBuffer这是开发者服务器返回的数据内容。 statusCode是一个Number类型代表开发者服务器返回的 HTTP 状态码比如常见的 200 表示成功404 表示未找到资源等。 header是一个Object包含开发者服务器返回的 HTTP Response Header 信息。 cookies是一个字符串数组Array.里面存储着开发者服务器返回的 cookies。 上传文件 使用uni.uploadFile(OBJECT)可以将本地资源上传到开发者服务器中。这个操作本质上是由客户端发起一个 POST 请求且其content-type为multipart/form-data。下面介绍其参数 url必填这是开发者服务器的 URL明确上传的目标服务器地址。 files必填这是上传的文件列表。当使用files时filePath和name这两个参数将不生效。 fielType指定文件类型可取值为image、video、audio等。 file要上传的具体文件对象。 filePath必填上传文件在本地的资源路径。 name文件在服务器端对应的 key。 header设置 HTTP 请求的 header 信息。 timeout设置上传请求的超时时间。 formData用于设置 HTTP 请求中的其他表单数据。 success、fail、complete这三个回调函数分别在上传成功、失败以及结束时触发方便开发者进行相应处理。 代码示例 假设要将本地的一张图片上传到服务器服务器接口地址为https://example.com/api/upload示例代码如下 const filePath /storage/emulated/0/DCIM/Camera/IMG_20230101.jpg; uni.uploadFile({url: https://example.com/api/upload,filePath: filePath,name: file,formData: {user_id: 12345},success: function (res) {console.log(上传成功, res.data);},fail: function (err) {console.log(上传失败, err);},complete: function () {console.log(上传结束);} });