uniapp中的post请求

1.解释说明

        - post请求是一种常用的通讯方式,这里展示uniapp中如何给后端服务器请求

        - uniapp内置的request可以实现这个方法

        - content-type有'application/json''application/x-www-form-urlencoded'

2.程序示例

export default {
 data() {
   return {
     // 定义一些数据
     postData: {
       username: 'example',
       password: '123456'
     },
     apiUrl: 'https://your-api-url.com/api/login' // 你的API接口地址
   };
 },
 methods: {
   sendPostRequest() {
     uni.request({
       url: this.apiUrl,
       method: 'POST',
       data: this.postData,
       header: {
         'content-type': 'application/json' // 根据后端要求设置合适的Content-Type
       },
       success: (res) => {
         console.log('请求成功', res);
         if (res.statusCode === 200) {
           // 处理成功响应
           console.log('响应数据', res.data);
         } else {
           // 处理错误响应
           console.error('错误状态码', res.statusCode);
         }
       },
       fail: (err) => {
         console.error('请求失败', err);
       }
     });
   }
 },
 onLoad() {
   // 页面加载时发送POST请求
   this.sendPostRequest();
 }
};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值