uniappでインターフェースをリクエストする方法

coldplay.xixi
リリース: 2023-01-13 00:44:23
オリジナル
24905 人が閲覧しました

Uniapp リクエスト インターフェイス メソッド: 1. GET を使用してデータをリクエストします。コードは [method: 'GET',success: (res)=>{}]; 2. POST を使用して JSON 形式を送信します。リクエスト、コードは [メソッド: 'POST'、データ: params] です。

uniappでインターフェースをリクエストする方法

#このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、thinkpad t480 コンピューター。

推奨 (無料): uni-app 開発チュートリアル

uniapp リクエスト インターフェイス メソッド:

main.js ファイルでの設定:

//Vue.prototype.$baseUrl="http://192.168.1.164/api"   //线下接口  
Vue.prototype.$baseUrl="https://m.demo.com/api"  //线上接口
ログイン後にコピー

demo.vue ページでのリクエスト:

GET-request data

getInfo(){
    uni.request({
          url: `${this.$baseUrl}/api-demo/getDemoById?lid=${lid}&page=${this.page}&pagesize=${this.pagesize}`,  //这里的lid,page,pagesize只能是数字或字母
          method: 'GET',
          success: (res)=>{},
          fail: (err)=>{}
    })
}
ログイン後にコピー

注: パラメーターURL に含めることができるのは数字または文字のみであり、漢字は使用できません。検索機能など、パラメータに漢字が含まれる場合、パラメータをデータ内に含める必要があります。以下のように: data:params

POST-Send json format request


sendInfo(){
    let params = {
          "phone":this.userphone,
          "name":this.username
    }
    uni.request({
          url: `${this.$baseUrl}/api-demo/send`,
          method: 'POST',
          data: params,
          success: (res)=>{},
          fail: (err)=>{}
    })  
}
ログイン後にコピー

POST-Send FormData format request


sendInfo(){
    let params = {
          "phone":this.userphone,
          "name":this.username
    }
    let headers={
          "Content-Type":"application/x-www-form-urlencoded"  //设置一下请求头即可
    }
    uni.request({
          url: `${this.$baseUrl}/api-demo/send`,
          method: 'POST',
          header: headers,
          data: params,
          success: (res)=>{},
          fail: (err)=>{}
    })  
}
ログイン後にコピー

Carry token## when requestインターフェイス #
sendInfo(){
    let params = {
          "phone":this.userphone,
          "name":this.username
    }
    let headers={
          "Content-Type":"application/x-www-form-urlencoded",
          "Token":`this.userToken`   //设置一下token即可
    }
    uni.request({
          url: `${this.$baseUrl}/api-demo/send`,
          method: 'POST',
          header: headers,
          data: params,
          success: (res)=>{},
          fail: (err)=>{}
    })  
}
ログイン後にコピー

関連する無料学習の推奨事項:
php プログラミング

(ビデオ)

以上がuniappでインターフェースをリクエストする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート