uniapp post 提交表单数据

在uniapp中，可以使用uni.request()方法提交表单数据。

示例代码：

<template>
  <div>
    <form @submit.prevent="submitForm">
      <input type="text" v-model="name" placeholder="请输入姓名">
      <input type="text" v-model="age" placeholder="请输入年龄">
      <button type="submit">提交</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      age: ''
    }
  },
  methods: {
    submitForm() {
      uni.request({
        url: 'http://example.com/api/submit',
        method: 'POST',
        data: {
          name: this.name,
          age: this.age
        },
        success(res) {
          console.log(res.data)
        },
        fail(err) {
          console.log(err)
        }
      })
    }
  }
}
</script>

在submitForm方法中，使用uni.request()方法提交表单数据。其中，url为接口地址，method为提交方式，data为提交的数据，success为请求成功后的回调函数，fail为请求失败后的回调函数。

需要注意的是，如果接口需要携带header信息，可以在uni.request()方法中添加header属性进行设置。例如：

uni.request({
  url: 'http://example.com/api/submit',
  method: 'POST',
  data: {
    name: this.name,
    age: this.age
  },
  header: {
    'Content-Type': 'application/x-www-form-urlencoded' // 设置header信息
  },
  success(res) {
    console.log(res.data)
  },
  fail(err) {
    console.log(err)
  }
})