WeChat アプレット開発: ネットワークリクエスト (GET リクエスト) の実装方法-ミニプログラム開発-php.cn

WeChat アプレット開発: ネットワークリクエスト (GET リクエスト) の実装方法

高洛峰

リリース： 2017-02-28 11:36:23

オリジナル

1823 人が閲覧しました

インターネット技術の変化は本当に激しく、常に変化しています。幸いなことに、1 月 9 日のミニプログラムの登場により、すべてが変わっていないため、私たち IT プロフェッショナルは学び続けるしかありません。インターネット Web 開発では必然的にネットワーク取得リクエストが使用されます。では、WeChat アプレット開発でネットワークリクエストを実装するにはどうすればよいでしょうか?今日は最も単純なリクエストについて説明します。後でアップロード、ダウンロード、Socket を試します。

WeChat ミニプログラムリクエストに関する注意:
1. WeChat ミニプログラムは同時に 5 つのネットワークリクエスト接続のみを持つことができます。
このルールは、ユーザーエクスペリエンスを確保するために WeChat によって策定される必要があります。
2.wx.request(OBJECT) パラメーターの説明:

微信小程序开发：如何实现网络请求(GET请求）

WeChat ミニプログラムは、GET、POST およびその他のリクエストをサポートします。メソッドで設定できます。
以下は GET リクエストのコードです:

<span style="font-size:18px;">//rate.js  
//获取应用实例  
var app = getApp()  
Page( {  
  data: {  
    code: &#39;USD&#39;,  
    currencyF_Name: &#39;&#39;,  
    currencyT_Name: &#39;&#39;,  
    currencyF: &#39;&#39;,  
    currencyT: &#39;&#39;,  
    currencyFD: 1,  
    exchange: 0,  
    result: 0,  
    updateTime: &#39;&#39;,  
  },  
  onLoad: function( options ) {  
    var that = this;  
      //获取汇率  
      wx.request( {  
        url: "http://op.juhe.cn/onebox/exchange/currency?key=我的appkey&from=CNY&to="+code,  
        success: function( res ) {  
          that.setData( {  
            currencyF_Name: res.data.result[0].currencyF_Name,  
            currencyT_Name: res.data.result[0].currencyT_Name,  
            currencyF: res.data.result[0].currencyF,  
            currencyT: res.data.result[0].currencyT,  
            currencyFD: res.data.result[0].currencyFD,  
            exchange: res.data.result[0].exchange,  
            result: res.data.result[0].result,  
            updateTime: res.data.result[0].updateTime,  
          })  
        }  
      })  
  }  
})</span>

ログイン後にコピー

上記のコードでは、ページの res.data を指定するだけで onLoad 関数が開始されます。 wx.request({})のsuccessはバックグラウンドから取得したデータです
取得したjsonデータの形式は以下の通りです

微信小程序开发：如何实现网络请求(GET请求）