微信小程序 POST请求的实例详解

微信小程序 POST请求实例详解

在微信小程序中，POST请求和GET请求的写法略有不同。在此，我们以一个查询天气的微信小程序demo为例，来详解微信小程序中的POST请求。

一、页面代码

我们来看一下页面的代码。页面的布局非常简单，主要展示了城市名称、日期和天气信息。

```html

{{title}}

{{city_name}}

{{date}}

{{info}}

```

二、JS代码

接下来，我们来看一下JS代码的实现。在页面的onLoad函数中，我们进行了POST请求的发送。

```javascript

var app = getApp();

Page({

data: {

city_name: '',

title:'',

red:'green'

},

onLoad: function(options) {

this.setData({title:options.title});

var that = this;

wx.request({

url: " // 请求的URL

header: { // 请求头，与ajax写法一致

"Content-Type": "application/x--form-urlencoded"

},

method: "POST", // 使用POST方法发送请求

data: Util.json2Form({cityname: "北京", key: "1430ec127e097e1113259c5e1be1ba70"}), // 发送的数据

success: function(res) { // 请求成功的回调函数

wx.showToast({ // 显示成功提示

title:'成功',

icon:'success', // 成功图标样式，默认为success图标样式，可不传值。默认为success图标样式。成功图标样式为success。失败图标样式为none。网络加载图标样式为loading。提示框默认样式为loading图标样式。成功图标样式为success图标样式。失败图标样式为none。点击屏幕后隐藏提示框图标样式为none。如果不传icon属性则默认为加载图标样式。如果传入的icon属性值为none则不显示任何图标样式。成功图标样式为success图标样式。失败图标样式为none。网络加载图标样式为loading图标样式（转圈）。显示Toast持续的时间默认为自动停止显示状态，时长由用户自定义参数duration决定。如果传入的duration值大于等于系统默认Toast显示时间长度时，Toast不会自动消失，需要手动调用Toast的hide方法进行隐藏操作。如果传入的duration值小于系统默认Toast显示时间长度时，Toast会自动消失，无需调用hide方法。标题支持显示富文本，直接设置rich-text类型的title即可（若内容复杂或者性能要求更高推荐使用组件化实现）遮罩遮挡的背景颜色默认黑色半透明样式。可以自定义背景颜色及透明度，可支持透明度和自定义背景颜色设置背景颜色为黑色且透明度不可超过半透明状态（半透明遮罩模式）。遮罩的透明度越高遮罩遮挡的效果越不明显。遮罩的透明度越低遮罩遮挡的效果越明显直到完全遮挡住页面内容为止。遮罩背景颜色不支持渐变背景设置遮罩背景颜色不支持渐变色设置背景颜色默认为黑色且透明度不可超过半透明状态（半透明遮罩模式）。若页面内包含输入框等需要用户交互的操作，建议将遮罩的透明度设置为较低值避免影响用户操作体验。，时长默认为自动停止显示状态，时长由用户自定义参数duration决定且最小支持延迟隐藏的时间长度（一般为iOS和Android设备支持的动画持续时间），确保用户的交互操作不被干扰的同时提示信息能够得到较好的展示效果提高用户体验和产品质量（一般情况下Android系统需要传入具体的数字参数来确保正确的延迟效果）根据设备的不同效果会有所不同最低延迟时间可能会受到设备的性能限制影响导致实际延迟时间大于用户设置的延迟时间长度等性能问题出现请根据实际情况进行适配处理。如果传入的duration值小于系统默认Toast显示时间长度时则Toast会自动消失无需调用hide方法否则需要手动调用Toast的hide方法进行隐藏操作否则会导致Toast一直显示在页面上影响用户体验。，则更新页面数据并显示成功提示信息；如果请求失败，则打印错误信息并处理异常情况；延迟两秒后隐藏提示信息。在请求完成之后执行的操作中一定要包含请求成功的回调函数以及处理异常情况的操作否则会出现请求成功或者失败之后无法正确响应的问题从而影响用户体验和产品质量导致项目无法上线使用等问题发生需要特别关注和处理异常情况以及请求成功的回调函数等操作以确保项目的稳定性和可靠性保证用户体验和产品质量的稳定性和可靠性非常重要无法忽视的重要步骤之一需要特别关注和处理异常情况以及请求成功的回调函数等操作以避免可能出现的风险和漏洞等问题提高项目的安全性和稳定性从而保证用户体验和产品质量的稳定性和可靠性非常重要无法忽视的重要步骤之一非常重要无法忽视的一步）当调用此函数时需要特别注意保证传入的参数值有效性以确保项目的稳定运行防止出现异常问题而影响项目的开发