UniApp Vue: 使用 uni.request 提交数据并接收响应

在 Vue 组件中，可以通过以下方式使用 uni.request 方法提交数据：

<template>
  <div>
    <button @click="submitData">提交数据</button>
  </div>
</template>

<script>
export default {
  methods: {
    submitData() {
      uni.request({
        url: 'http://example.com/api',
        method: 'POST',
        data: {
          prompt: '烦烦烦',
          keys: 'sk4'
        },
        success: (res) => {
          console.log(res.data)
        },
        fail: (err) => {
          console.log(err)
        }
      })
    }
  }
}
</script>

在上述代码中，使用了 uni.request 方法提交了一个 POST 请求，请求的数据为 {prompt: '烦烦烦', keys: 'sk4'}，请求成功后会在控制台输出响应的数据。

如果响应的数据为 JSON 格式，可以使用 JSON.parse 方法将其转换为 JavaScript 对象：

<template>
  <div>
    <button @click="submitData">提交数据</button>
  </div>
</template>

<script>
export default {
  methods: {
    submitData() {
      uni.request({
        url: 'http://example.com/api',
        method: 'POST',
        data: {
          prompt: '烦烦烦',
          keys: 'sk4'
        },
        success: (res) => {
          const data = JSON.parse(res.data)
          console.log(data)
        },
        fail: (err) => {
          console.log(err)
        }
      })
    }
  }
}
</script>