Uniappでインターフェースを呼び出すときにidパラメータを渡す方法

Uniapp 開発では、バックエンド インターフェイスを呼び出すときにいくつかのパラメーターを渡す必要があります。共通パラメーターの 1 つは id です。インターフェイスの ID は通常、操作を実行する必要があるデータの一意の識別子を指します。この記事では、Uniapp でインターフェイスを呼び出すときに id パラメーターを渡す方法を紹介します。

1. id パラメータの型

id ​​パラメータを渡すときは、id がどの型で表されるかを知る必要があります。通常、ID は数値または文字列タイプにすることができます。バックエンド開発では、id のデータ型は integer、long、string などになる可能性があるため、バックエンド インターフェイスの開発ドキュメントに従って id の型を決定する必要があります。

2. インターフェイスを呼び出すときに id パラメーターを渡します

1. クエリ文字列を通じて id パラメーターを渡します

GET リクエストでは、リクエスト パラメーターをクエリ文字列を通じて渡すことができます。クエリ文字列は、疑問符 (?) で始まり、その後に「キーと値のペア」で構成される複数のパラメータが続き、パラメータ間は「&」で区切られます。例:

http://www.example.com/api/user?id=123456

上記の URL では、id=123456 はクエリ文字列パラメータです。ここで、id はパラメータ名、123456 はパラメータ値です。

Uniapp では、uni.request を使用して GET リクエストを開始するときに、クエリ文字列を追加して id パラメータを渡すことができます。例:

uni.request({
    url: 'http://www.example.com/api/user',
    data: {
        id: '123456'
    },
    success: function (res) {
        console.log(res.data)
    }
})

上記のコードでは、id パラメーターが data 属性を介して渡され、インターフェイス アドレスは「http://www.example.com/api/user」です。クエリ文字列はリクエスト内で自動的に生成され、最終的にリクエストされる URL は「http://www.example.com/api/user?id=123456」になります。

2. id パラメーターを url 経由で渡す

場合によっては、要求された URL に id パラメーターを直接追加する必要があります。例:

uni.request({
    url: `http://www.example.com/api/user/${id}`,
    success: function (res) {
        console.log(res.data)
    }
})

上記のコードでは、変数 id を含む URL はバッククォート (`) を使用して定義されています。実際のリクエストでは、URL は「http://www.example.com/api/user/123456」に置き換えられます。123456 は実際の ID 値です。

3. リクエスト本文で id パラメータを渡す

POST リクエストでは、パラメータを URL に直接追加することはできませんが、リクエスト本文にパラメータを追加する必要があります。 JSON 形式のパラメータまたはフォーム形式のパラメータを使用でき、バックエンド インターフェイスのドキュメントに従って選択します。

• JSON 形式を使用してパラメータを渡す

uni.request({
    url: 'http://www.example.com/api/user',
    method: 'POST',
    header: {
        'content-type': 'application/json'
    },
    data: {
        id: 123456
    },
    success: function (res) {
        console.log(res.data)
    }
})

上記のコードでは、JSON.stringify を使用してパラメータ オブジェクトを JSON 形式にシリアル化し、データに追加します。属性 。

• フォーム形式を使用してパラメータを渡す

uni.request({
    url: 'http://www.example.com/api/user',
    method: 'POST',
    header: {
        'content-type': 'application/x-www-form-urlencoded'
    },
    data: {
        id: 123456
    },
    success: function (res) {
        console.log(res.data)
    }
})

上記のコードでは、contentType を「application/x-www-form-urlencoded」として使用し、パラメータ オブジェクトの形式をシリアル化します。フォームを作成し、データ属性に追加します。

3. 概要

Uniapp でインターフェイスを呼び出すときに id パラメーターを渡す方法は多数あり、バックエンド インターフェイスの使用法に関するドキュメントに従って適切な方法を選択できます。クエリ文字列を使用してパラメータを渡す場合は、URI の長さの制限に注意する必要があり、POST リクエストを使用する場合は、リクエスト本文の形式に注意する必要があります。これらのスキルを習得すると、インターフェイスをスムーズに呼び出して、Uniapp で id パラメーターを渡すことができるようになります。

以上がUniappでインターフェースを呼び出すときにidパラメータを渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。