uniappでネットワークリクエストが成功したかどうかを確認する方法

モバイル アプリケーションの開発プロセスでは、多くの場合、ネットワーク経由でデータをリクエストする必要があります。uniapp フレームワークは、このタスクの完了に役立つ一連の API を提供します。ネットワークリクエストでは通常、データリクエストが成功したかどうかを判断する必要がありますが、この記事ではuniappでネットワークリクエストが成功したかどうかを判断する方法を紹介します。

1. ネットワーク リクエストの基本原則

ネットワーク リクエストが成功したかどうかを判断する方法を理解する前に、まずネットワーク リクエストの基本原則を理解する必要があります。クライアントからサーバーにネットワーク要求を行うときは、次の手順を実行する必要があります。

1. クライアントはサーバーに要求メッセージを送信します。
2. サーバーは、要求メッセージを受信します。リクエスト メッセージとプロセス データ
3. サーバーは、要求されたデータを応答メッセージにカプセル化します。
4. サーバーは、応答メッセージをクライアントに送信します。
5. クライアントは、応答メッセージを受信して​​解析します。 it Data

このプロセス中にクライアントとサーバー間のデータ転送でエラーが発生した場合、リクエストは失敗したと見なすことができます。そのため、リクエスト結果をクライアント側で判断・処理する必要があります。

2. ネットワーク リクエストが成功したかどうかを判断する方法

uniapp フレームワークでは、ネットワーク リクエストが成功したかどうかを判断するさまざまな方法があります。一般的な方法は次の 3 つです。以下に紹介します。

2.1 wx.requestの使い方

wx.requestはuniappフレームワークの共通ネットワークリクエストAPIで、ネットワークリクエストの送信に使用する場合はコールバック関数のresパラメータで判断できます。 . リクエストが成功したかどうか。 res にはリクエストのステータス コードが含まれます。通常、ステータス コード 200 は成功を表し、その他のステータス コードは失敗を表します。したがって、ネットワークリクエストが成功したかどうかを判断する際には、取得したstatusCodeによって判断することができます。

//发送网络请求
wx.request({
  url: 'https://www.example.com',
  success: function(res) {
    //成功处理逻辑
    if (res.statusCode == 200) {
      console.log('请求成功');
    }
  },
  fail: function() {
    //失败处理逻辑
    console.log('请求失败');
  }
})

2.2 uni.request の使用

uniapp フレームワークには、wx.request に加えて、一般的に使用されるネットワーク リクエスト API、つまり uni.request もあります。 wx.request と同様に、uni.request を使用してネットワーク リクエストを送信する場合、then と catch を使用してリクエストが成功したかどうかを判断することもできます。リクエストが成功した場合は then 部分のコードが実行され、そうでない場合は catch 部分のコードが実行されます。

//发送网络请求
uni.request({
  url: 'https://www.example.com',
  method: 'GET'
})
.then(res => {
  //请求成功处理逻辑
  console.log('请求成功');
})
.catch(err => {
  //请求失败处理逻辑
  console.log('请求失败');
})

2.3 async/await の使用

uniapp フレームワークでは、async/await を使用してネットワーク リクエストが成功したかどうかを判断することもできます。 async/await は、JavaScript で非同期関数を処理する方法です。これにより、非同期関数を同期的に処理できるようになります。 async/await を使用してネットワーク リクエストが成功したかどうかを判断する場合、try/catch コード ブロックを使用して例外をキャッチすることでリクエストが成功したかどうかを判断できます。

async function fetchData() {
  try {
    const res = await uni.request({
      url: 'https://www.example.com',
      method: 'GET'
    });
    //请求成功处理逻辑
    console.log('请求成功');
  } catch(err) {
    //请求失败处理逻辑
    console.log('请求失败');
  }
}

3. 概要

上記の 3 つの方法を使用して、ネットワーク リクエストが成功したかどうかを判断できます。実際の開発では、状況に応じて自分に合った方法を選択できます。どちらの方法を使用する場合でも、注意する必要があるのは、リクエストが成功したかどうかを判断するだけではなく、エラーの処理も必要になることです。たとえば、リクエストが失敗した場合は、ユーザーに通知する必要があります。ユーザーが何が問題だったのかを知って初めて、問題を迅速に解決し、ユーザーを満足させることができます。

したがって、ネットワーク リクエストが成功したかどうかを判断することは、ネットワーク リクエストを完了するための最初のステップにすぎず、対話において思慮深く、包括的で、フレンドリーであることが、ネットワーク リクエストを完了する最終的な目標となります。

以上がuniappでネットワークリクエストが成功したかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。