uniapp发送post请求，使用的query传参中文，显示是乱码

在Uniapp中发送POST请求时，可以通过设置Content-Type为application/x-www-form-urlencoded来传递中文参数。同时需要将中文参数进行encodeURIComponent编码处理。以下是一个示例代码：

uni.request({
  url: 'http://example.com/api',
  method: 'POST',
  header: {
    'content-type': 'application/x-www-form-urlencoded'
  },
  data: {
    name: encodeURIComponent('中文参数')
  },
  success: function(res) {
    console.log(res.data);
  }
});

这样就可以避免中文参数传递乱码的问题了。

相关问题

uniapp中post请求传参

在uniapp中，可以使用uni.request方法发送POST请求并传递参数。下面是一个示例：

uni.request({
  url: 'http://example.com/api',
  method: 'POST',
  data: {
    name: 'John',
    age: 30
  },
  success: function (res) {
    console.log(res.data);
  },
  fail: function (err) {
    console.log('请求失败：', err);
  }
});

其中，`url`属性表示请求的URL地址，`method`属性表示请求的方法，这里设置为POST，`data`属性表示请求的参数，这里是一个包含两个参数的对象。在请求成功后，`success`回调函数中可以处理返回的数据，`fail`回调函数中可以处理请求失败的情况。

uniapp的post请求

uniApp是一款基于Vue.js的跨平台应用开发框架，它允许开发者构建一次，发布到多个平台上，包括iOS、Android、Web等。在uniApp中，发送POST请求通常通过官方提供的`u.request`组件或者axios库来实现。

以下是一个基本的uniApp使用`u.request`发送POST请求的例子：

// 使用u.request
Page({
  data() {
    return {
      formData: { key: 'value', ... }, // 请求数据
    };
  },
  async submitForm(e) {
    const result = await u.request({
      url: 'https://your-api-url.com/api/endpoint', // 替换为你实际的API地址
      method: 'POST',
      data: this.formData,
      header: {
        'Content-Type': 'application/json'
      }
    });
    
    console.log('响应:', result);
  }
})

如果你更倾向于使用axios，可以先安装（如果未安装）：

npm install axios

然后替换`u.request`为axios：

import axios from 'axios';

Page({
  data() {
    return {
      formData: { key: 'value', ... },
    };
  },
  async submitForm(e) {
    try {
      const response = await axios.post('https://your-api-url.com/api/endpoint', this.formData);
      console.log('响应:', response.data);
    } catch (error) {
      console.error('错误:', error);
    }
  }
})