promise 패키지 wx.request 방법
3143 단어 promisewx.requestrequest
왜 wx.request 를 봉인 합 니까?
인 터 페 이 스 를 요청 할 때 인터페이스 에 있 는 여러 api 를 요청 할 때 가 있 습 니 다.패 키 징 을 사용 하지 않 으 면 코드 를 작성 하 는 것 이 번 거 롭 고 성능 문제 도 발생 할 수 있 습 니 다.
포장 하면 우리 가 작성 하 는 데 유리 하고 사용자 체험 과 코드 수정 에 편리 합 니 다.
패키지 선택 에 대해 서 는 왜 promise 를 사용 합 니까?
우리 가 위 챗 애플 릿 을 작성 할 때 wx.request 에 썼 을 때,나 는 여러분 들 이 이러한 쓰기 가 낯 설 지 않 을 것 이 라 고 생각 합 니 다.$.ajax 의 쓰기 와 비슷 한 점 이 있 을 것 이 라 고 생각 합 니 다.우 리 는$.ajax 의 패키지 에 대해 모두 가 낯 설 지 않 을 것 입 니 다.이것 은 우리 로 하여 금 promise 를 연상 시 키 기 어렵 지 않 습 니 다.그리고 우리 의 위 챗 애플 릿 은 es6 문법 을 지원 합 니 다.promise 는 패키지 선택 이 좋 습 니 다.
wx.request 를 어떻게 봉인 해 야 합 니까?
우 리 는 봉 인 된 이유 와 도 구 를 찾 았 습 니 다.그 다음은 wx.request 라 는 까다 로 운 것 을 봉 인 했 습 니 다.먼저 우리 의 개발 도구 에서 파일 을 만 듭 니 다.
우 리 는 큰 폴 더 로 그것 을 감 싸 서 내용 을 부분 별로 처리 했다.
우선,우리 의 fetch.js 파일 에서 우 리 는 promise 로 wx.request 를 패키지 합 니 다.
//promise wx.request
module.exports=(url,data,method)=>{
// promise
let promise=new Promise((resolve,reject)=>{
wx.request({
url:url,
data:data,
method:method,
//
success(res){
resolve(res)
},
//
fail(err){
reject(err)
},
})
})
// promise
return promise
}
그 다음 에 우리 의 api.js 파일 에서 우 리 는 필요 한 물건 을 모두 여기에 두 고 통일 적 으로 관리 할 수 있 습 니 다.
//
module.exports={
"banner":"/h8/home/multidata"
}
마지막 으로 http.js 파일 에 집중 해서 사용 합 니 다.
//
const api=require("./api")
const fetch=require("./fetch")
//
let baseUrl="http://123.207.32.32:8000/api"
//
function banner(){
return fetch(baseUrl+api.banner,{},'get')
}
module.exports={
banner
}
봉 인 된 후에 전역 app.js 에 도입 해 야 사용 할 수 있 습 니 다.
const http=require('./http/http.js')
App({
http,
})
파일 에서 사용:
// app
const app=getApp()
Page({
data: {
list:[]
}
onLoad: function () {
app.http.banner().then(res)=>{
this.setData({
list:res.data.data.banner.list
})
}
}
promise 패키지 wx.request 방법 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 promise 패키지 wx.request 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JavaScript Promise에서 Movable Type Data API에서 얻은 비동기 통신 데이터 처리Movable Type Data API에서 JSON을 가져옵니다. 취득한 데이터를, JavaScript로 가공해, 표시하고 싶다. 예를 들면, API 경유로 취득한 데이터를, 다른 함수에 인도한다고 하는 시츄에이션으...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.