ウニアプリはデータをリクエストしてレンダリングする方法は何ですか?

UniAppでデータをリクエストしてレンダリングする方法は以下の通りです:

  1. uni.requestメソッドを使用してネットワークリクエストを送信し、データを取得した後にコールバック関数内でレンダリングを行う。以下に示すサンプルコードを参照してください。
uni.request({
  url: 'http://example.com/api/data',
  success: (res) => {
    // 在成功回调函数中获取到数据后进行渲染
    this.dataList = res.data;
  }
});
  1. async/awaitを使用して、uni.requestメソッドを組み合わせてネットワークリクエストを送信し、データを取得してレンダリングします。以下に示すコード例:
async getData() {
  try {
    const res = await uni.request({
      url: 'http://example.com/api/data'
    });
    // 获取到数据后进行渲染
    this.dataList = res.data;
  } catch (err) {
    console.error(err);
  }
}
  1. コンポーネントのライフサイクルフック内で、uni.requestメソッドを呼び出してネットワークリクエストを送信し、データを取得した後にレンダリングを行います。以下はサンプルコードです:
export default {
  data() {
    return {
      dataList: []
    };
  },
  mounted() {
    uni.request({
      url: 'http://example.com/api/data',
      success: (res) => {
        // 获取到数据后进行渲染
        this.dataList = res.data;
      }
    });
  }
}

以上は一般的によく使われる方法ですが、特定のニーズやプロジェクト構造に応じて、他の方法でデータを取得してレンダリングすることも可能です。

bannerAds