小さなマイクロチャネル要求のHTTPインタフェースプログラムパッケージ

1.(新しいフォルダのutil、ツールファイル、request.jsファイルフォルダを作成し、パッケージ化する方法)パッケージの方法は
request.js:

VARアプリ= getApp(); 
プロジェクト// URLの同じ部分には、コードの量を減らし、かつ容易な移行プロジェクト
実際には、ドメイン名の登録情報である必要があり、私は地元のデバッグをしていますので、//ここでは、ホストが標準化されていない
のvarホスト=「HTTP :// localhostを:8081 /デモ/「; 

/ ** 
 * POSTリクエスト、
 * URL:インタフェース
 * POSTDATA:パラメータ、JSONタイプ
 * doSuccess:成功したコールバック
 * doFail:コールバック関数に失敗しました
 * / 
機能要求(URLを、 POSTDATA、doSuccess、doFail){ 
  wx.request({ 
    ストリングスプライシングによって実現真//プログラム・インターフェース、
    URL:ホスト+ URL、
    ヘッダ:{ 
      "コンテンツタイプ":「ファイルアプリケーション/ JSON;のcharset = UTF-8 " 
    } 
    データ:POSTDATA、
    方法: 'POST'、
    成功:関数(RES){ 
      返されたデータに直接渡さ//パラメータ値res.data、
      doSuccess(res.data); 
    }
    失敗:関数(){ 
      doFailは(); 
    } 
  })
} 

//直接URLコールなしでGETリクエスト、パラメータ渡しは、
機能のgetData(URL、doSuccess、doFail){ 
  wx.request({ 
    URL:ホスト+ URL、
    ヘッダ:{ 
      "コンテンツタイプ": "ファイルアプリケーション/ JSON;のcharset = UTF-8。" 
    }、
    メソッド: 'GET'、
    成功:関数(RES){ 
      doSuccess(res.data); 
    }、
    失敗:関数(){ 
      doFailは(); 
    }、
  })
} 

/ ** 
 コード導出するために使用* module.exportsは
 * JSファイル( "../ utilの/ request.js"が必要です ) コール=のvarによってロードされる
 導入に導入された際に「*ファイル「あなたは可能性があるため、このタイプのコンテンツは、アプレットコンパイラが自動的にプロンプト、../../../てあります
 1つのレベル以上*プロジェクトのディレクトリ、ツールクラスの位置に応じて異なるのjsファイルは同じではありません 
 * /
module.exports.request =要求。
module.exports.getData =のgetData。

2.page内部だけでJSを追加した、4つのファイルを作成し、フォルダを作成 

//コードは、導入
が必要( "../ UTIL / request.js")コール= VARを

ページ({ 
  {:データ
    pictureList:[]、
  }、
  
  関数(){:のonLoad 
    ; VAR =このこと
    //呼び出しカプセル化方式をページが読み込ま私に直接このメソッドの実装を容易にするために
    call.getData(「lunbo.do」、this.shuffleSuc、this.fail); 
    //役に立たない、以前のコメント、申し訳ありません忘れ
    // this.loadMsgData(それを)。
  }、
  shuffleSuc:機能(データ){ 
    VAR =、この; 
    that.setData({ 
      pictureList:data.rows 
    })
    //私は後でそれを直接this.setDataがあってもよいが、試験された私は、包装のための方法を使用しないためとき
    、故障で//this.setData新聞、あなたはこれを使用することはできませんので、私は割り当ての時にこれを直接= VARを追加する傾向がある; 
    //この文は、通常の習慣と見なされていない
  }、 
  {()関数:失敗
    にconsole.logは(「失敗」)
  } 
})

それは、アプレットコンパイラが文句を言わない関数法の外側に書かれている場合は、このことにより、カプセル化メソッドを呼び出すときに、我々はthat.setData方法を確保することができるように、コールする内部ページに書かれたコールバック関数、メソッド名は、有効であるが、wxml bindtap無効で、私が一番下に取得していない、とcall.getDataメソッドで呼び出されたとき、それはプロセスに入ることができるにもかかわらず、しかし割り当ては無効であるので、私はこの方法をお勧めしていません。

関数shuffleSuc(データ){ 
  この= VAR。
  that.setData({ 
    pictureList:data.rows 
  })
}

データのラン値がコンソールのAppDataアプレットの内側に印刷することができた後、必要に応じて3は、ページ上に表示することができます

 

おすすめ

転載: www.cnblogs.com/wuliujun521/p/11458379.html