微信小程序简要学习

Posted bozzzhdz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序简要学习相关的知识,希望对你有一定的参考价值。

一、小程序与后端通信

技术分享图片

 

二、小程序与后端通信 ——wx.request使用

技术分享图片

RequestTask wx.request(Object object)

发起 HTTPS 网络请求。使用前请注意阅读相关说明

参数

Object object
属性类型默认值是否必填说明支持版本
url string   开发者服务器接口地址  
data string/object/ArrayBuffer   请求的参数  
header Object   设置请求的 header,header 中不能设置 Referer。
content-type 默认为 application/json
 
method string GET HTTP 请求方法  
dataType string json 返回的数据格式  
responseType string text 响应的数据类型 >= 1.7.0
success function   接口调用成功的回调函数  
fail function   接口调用失败的回调函数  
complete function   接口调用结束的回调函数(调用成功、失败都会执行)  

object.method 的合法值

说明
OPTIONS HTTP 请求 OPTIONS
GET HTTP 请求 GET
HEAD HTTP 请求 HEAD
POST HTTP 请求 POST
PUT HTTP 请求 PUT
DELETE HTTP 请求 DELETE
TRACE HTTP 请求 TRACE
CONNECT HTTP 请求 CONNECT

object.dataType 的合法值

说明
json 返回的数据为 JSON,返回后会对返回的数据进行一次 JSON.parse
其他 不对返回的内容进行 JSON.parse

object.responseType 的合法值

说明
text 响应的数据为文本
arraybuffer 响应的数据为 ArrayBuffer
object.success 回调函数

参数

Object res

属性类型说明支持版本
data string/Object/Arraybuffer 开发者服务器返回的数据  
statusCode number 开发者服务器返回的 HTTP 状态码  
header Object 开发者服务器返回的 HTTP Response Header >= 1.2.0

返回值

RequestTask

支持版本 >= 1.4.0

请求任务对象

data 参数说明

最终发送给服务器的数据是 String 类型,如果传入的 data 不是 String 类型,会被转换成 String 。转换规则如下:

  • 对于 GET 方法的数据,会将数据转换成 query string(encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...
  • 对于 POST 方法且 header[‘content-type‘] 为 application/json 的数据,会对数据进行 JSON 序列化
  • 对于 POST 方法且 header[‘content-type‘] 为 application/x-www-form-urlencoded 的数据,会将数据转换成 query string (encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...)

示例代码

wx.request({
  url: ‘test.php‘, //仅为示例,并非真实的接口地址
  data: {
    x: ‘‘,
    y: ‘‘
  },
  header: {
    ‘content-type‘: ‘application/json‘ // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

 


以上是关于微信小程序简要学习的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序代码片段

微信小程序代码片段分享

微信小程序视图层WXML_模板

7-微信小程序 模板(template)

vscode 开发微信小程序环境配置

C#开发微信小程序