UniApp Vue 程序使用 Payload 提交数据并接收响应示例

<template>
  <div>
    <button @click='submitData'>提交数据</button>
    <div v-if='responsePayload'>{{responsePayload}}</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      responsePayload: null
    }
  },
  methods: {
    async submitData() {
      const payload = {
        prompt: '烦烦烦',
        keys: 'sk4'
      }
      const response = await uni.request({
        url: 'http://example.com/api',
        method: 'POST',
        data: JSON.stringify(payload)
      })
      this.responsePayload = response.data
    }
  }
}
</script>
<p>在这个例子中，我们定义了一个按钮，当点击按钮时，会调用<code>submitData</code>方法。在这个方法中，我们定义了一个payload对象，包含了<code>prompt</code>和<code>keys</code>两个属性。我们通过<code>uni.request</code>方法将这个payload对象提交到了一个API接口中。在接口返回响应后，我们将响应数据存储在<code>responsePayload</code>变量中，并在页面中显示出来。</p>
<p>注意，在实际使用中，你需要将url替换成你自己的API接口地址，并根据接口返回的数据格式来解析响应数据。</p>