위챗 애플릿 미니 프로그램 개발 WeChat 애플릿 요청 네트워크 요청 동작 예시에 대한 자세한 설명

WeChat 애플릿 요청 네트워크 요청 동작 예시에 대한 자세한 설명

Dec 18, 2017 am 09:26 AM
request 미니 프로그램 작동하다

미니 프로그램은 개발자에게 큰 도움이 되는 많은 API를 제공합니다. 그 중 네트워크 요청 API는 wx.request(object)이며, 이는 미니 프로그램이 데이터 상호 작용을 실현하는 데 매우 중요한 방법입니다. 개발자의 서버. 이 글에서는 주로 WeChat 애플릿의 요청 네트워크 요청 작업 사용을 소개하고, wx.request(object) 네트워크 요청 작업의 구체적인 사용 기술을 예제 형식으로 분석하여 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. 모두를 도와주세요. wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api。本文主要介绍了微信小程序使用request网络请求操作,结合实例形式分析了wx.request(object)网络请求操作的具体使用技巧,需要的朋友可以参考下,希望能帮助到大家。

官方参数说明如下

OBJECT参数说明:

参数名 类型 必填 说明
url String 开发者服务器接口地址
data Object、String 请求的参数
header Object 设置请求的 header , header 中不能设置 Referer
method String 默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
success Function 收到开发者服务成功返回的回调函数,res = {data: '开发者服务器返回的内容'}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

最简单的用法如下(以POST请求为例)


bindSearchChange:function(e){
 var keyword = e.detail.value;
 wx.request({
 url:'xxxxxxxxx',
 data:{},
 header: {'Content-Type': 'application/json'},
 success: function(res) {
 console.log(res)
 }
 })
}
로그인 후 복사

下面我们把请求写在service文件下的http.js文件中,代码如下


var rootDocment = 'hxxxxx';//你的域名
function req(url,data,cb){
 wx.request({
 url: rootDocment + url,
 data: data,
 method: 'post',
 header: {'Content-Type': 'application/json'},
 success: function(res){
 return typeof cb == "function" && cb(res.data)
 },
 fail: function(){
 return typeof cb == "function" && cb(false)
 }
 })
}
module.exports = {
 req: req
}
로그인 후 복사

其中module.exports是将req方法暴露出去使得别的文件中可以使用该方法,由于js函数是异步执行的,所以return 的是回调函数,而不是具体的数据

为了其他文件方便调用此方法,我们在根目录的app.js文件中将其注册成为全局函数,如下


//app.js
var http = require('service/http.js')
App({
 onLaunch: function () {
 //调用API从本地缓存中获取数据
 var logs = wx.getStorageSync('logs') || []
 logs.unshift(Date.now())
 wx.setStorageSync('logs', logs)
 },
 getUserInfo:function(cb){
 var that = this
 if(this.globalData.userInfo){
 typeof cb == "function" && cb(this.globalData.userInfo)
 }else{
 //调用登录接口
 wx.login({
 success: function () {
  wx.getUserInfo({
  success: function (res) {
  that.globalData.userInfo = res.userInfo
  typeof cb == "function" && cb(that.globalData.userInfo)
  }
  })
 }
 })
 }
 },
 globalData:{
 userInfo:null
 },
 func:{
 req:http.req
 }
})
로그인 후 복사

这时这个req就是全局的了,在调用时我们可以使用getApp.func.req()

공식 매개변수 설명은 다음과 같습니다


OBJECT 매개변수 설명:

< tr> < td width="50">아니요< td width="112">기능
매개변수 이름유형필수설명
url문자열< /td >개발자 서버 인터페이스 주소
데이터객체, 문자열아니요 요청된 매개변수
헤더객체아니요요청 헤더를 설정하세요. 헤더에는 참조자를 설정할 수 없습니다.
방법문자열 아니요기본값은 GET이며 유효한 값: OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
성공기능 아니요개발자 서비스에서 성공적으로 반환한 콜백 함수를 수신합니다. res = {data: '개발자 서버에서 반환된 콘텐츠'}
실패기능 인터페이스 호출 실패 콜백 함수
완료아니요< /spanspan>인터페이스 호출 종료 시 콜백 함수(성공 또는 실패 여부에 관계없이 실행됨)

가장 간단한 사용법은 다음과 같습니다(POST 요청을 예로 들어보겠습니다)

var app = getApp()
Page({
 data: {
 },
 onLoad: function (opt) {
 //console.log(opt.name)
 app.func.req(&#39;/api/get_data&#39;,{},function(res){
 console.log(res)
 });
 }
})
로그인 후 복사
이제 서비스 파일 아래의 http.js 파일에 요청을 작성합니다. , 코드는 다음과 같습니다

rrreee 그 중 module.exports는 다른 파일에서도 사용할 수 있도록 req 메소드를 노출합니다. js 함수는 비동기적으로 실행되므로 return 함수는 다음과 같습니다.

다른 파일에서 이 메서드를 쉽게 호출할 수 있도록 다음과 같이 루트 디렉터리의 app.js 파일에 전역 함수로 등록합니다.

🎜rrreee🎜At 이번에는 이 req가 전역적이며 code>getApp.func.req()를 호출하여 호출할 때 사용할 수 있습니다. 자세한 내용은 다음과 같습니다🎜🎜🎜🎜rrreee🎜WeChat 애플릿은 네트워크를 포함한 많은 API를 제공합니다. , 미디어, 데이터 등을 제공하며 애플릿 개발을 가능하게 하는 많은 구성 요소도 제공하므로 매우 편리합니다. 🎜🎜관련 추천: 🎜🎜🎜 WeChat 미니 프로그램 기능 요약 🎜🎜🎜🎜 WeChat 미니 프로그램에서 모바일 연락처 추가 기능 구현에 대한 튜토리얼 🎜🎜🎜🎜 WeChat mini에서 드롭다운 목록 표시 기능을 구현하는 방법 프로그램🎜🎜

위 내용은 WeChat 애플릿 요청 네트워크 요청 동작 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PyCharm 사용 튜토리얼: 작업 실행에 대해 자세히 안내합니다. PyCharm 사용 튜토리얼: 작업 실행에 대해 자세히 안내합니다. Feb 26, 2024 pm 05:51 PM

PyCharm은 매우 인기 있는 Python 통합 개발 환경(IDE)으로 Python 개발을 더욱 효율적이고 편리하게 만들어주는 다양한 기능과 도구를 제공합니다. 이 기사에서는 PyCharm의 기본 작동 방법을 소개하고 독자가 도구 작동을 빠르게 시작하고 능숙하게 사용할 수 있도록 구체적인 코드 예제를 제공합니다. 1. PyCharm 다운로드 및 설치 먼저 PyCharm 공식 웹사이트(https://www.jetbrains.com/pyc)로 이동해야 합니다.

sudo란 무엇이며 왜 중요한가요? sudo란 무엇이며 왜 중요한가요? Feb 21, 2024 pm 07:01 PM

sudo(수퍼유저 실행)는 일반 사용자가 루트 권한으로 특정 명령을 실행할 수 있도록 하는 Linux 및 Unix 시스템의 핵심 명령입니다. sudo의 기능은 주로 다음 측면에 반영됩니다. 권한 제어 제공: sudo는 사용자에게 일시적으로 수퍼유저 권한을 얻을 수 있는 권한을 부여하여 시스템 리소스와 민감한 작업을 엄격하게 제어합니다. 일반 사용자는 필요할 때만 sudo를 통해 임시 권한을 얻을 수 있으며, 항상 슈퍼유저로 로그인할 필요는 없습니다. 향상된 보안: sudo를 사용하면 일상적인 작업 중에 루트 계정을 사용하지 않아도 됩니다. 모든 작업에 루트 계정을 사용하면 올바르지 않거나 부주의한 작업에는 전체 권한이 부여되므로 예기치 않은 시스템 손상이 발생할 수 있습니다. 그리고

Linux Deploy 작업 단계 및 주의사항 Linux Deploy 작업 단계 및 주의사항 Mar 14, 2024 pm 03:03 PM

LinuxDeploy 작업 단계 및 주의 사항 LinuxDeploy는 사용자가 Android 장치에 다양한 Linux 배포판을 신속하게 배포하여 모바일 장치에서 완전한 Linux 시스템을 경험할 수 있도록 도와주는 강력한 도구입니다. 이 기사에서는 LinuxDeploy의 작동 단계와 주의 사항을 자세히 소개하고 독자가 이 도구를 더 잘 사용할 수 있도록 구체적인 코드 예제를 제공합니다. 작업 단계: Linux 설치배포: 먼저 설치

win10 부팅 암호를 얻기 위해 F2 키를 누르는 것을 잊은 경우 수행할 작업 win10 부팅 암호를 얻기 위해 F2 키를 누르는 것을 잊은 경우 수행할 작업 Feb 28, 2024 am 08:31 AM

아마도 많은 사용자들이 집에 사용하지 않는 컴퓨터가 여러 대 있고, 오랫동안 사용하지 않았기 때문에 시동 암호를 완전히 잊어버렸기 때문에 암호를 잊어버린 경우 어떻게 해야 하는지 알고 싶습니까? 그럼 함께 살펴볼까요? win10 부팅 암호를 입력하는 데 F2 키를 잊어버린 경우 어떻게 해야 합니까? 1. 컴퓨터의 전원 버튼을 누른 다음 컴퓨터를 켤 때 F2 키를 누릅니다(컴퓨터 브랜드마다 BIOS에 들어가는 버튼이 다릅니다). 2. BIOS 인터페이스에서 보안 옵션을 찾으세요(컴퓨터 브랜드에 따라 위치가 다를 수 있음). 일반적으로 상단의 설정 메뉴에 있습니다. 3. 그런 다음 SupervisorPassword 옵션을 찾아 클릭합니다. 4. 이때 사용자는 자신의 비밀번호를 볼 수 있으며 동시에 옆에 있는 활성화를 찾아 Dis로 전환합니다.

Huawei Mate60 Pro 스크린샷 작업 단계 공유 Huawei Mate60 Pro 스크린샷 작업 단계 공유 Mar 23, 2024 am 11:15 AM

스마트폰이 대중화되면서 스크린샷 기능은 일상적인 휴대폰 사용에 필수적인 기술 중 하나로 자리 잡았습니다. Huawei의 주력 휴대폰 중 하나인 Huawei Mate60Pro의 스크린샷 기능은 자연스럽게 사용자로부터 많은 관심을 끌었습니다. 오늘은 모두가 더욱 편리하게 스크린샷을 찍을 수 있도록 Huawei Mate60Pro 휴대폰의 스크린샷 작업 단계를 공유하겠습니다. 우선, Huawei Mate60Pro 휴대폰은 다양한 스크린샷 방법을 제공하며, 개인 습관에 따라 자신에게 맞는 방법을 선택할 수 있습니다. 다음은 일반적으로 사용되는 몇 가지 차단에 대한 자세한 소개입니다.

PHP의 요청 객체란 무엇입니까? PHP의 요청 객체란 무엇입니까? Feb 27, 2024 pm 09:06 PM

PHP의 요청 객체는 클라이언트가 서버로 보낸 HTTP 요청을 처리하는 데 사용되는 객체입니다. Request 객체를 통해 요청 메소드, 요청 헤더 정보, 요청 매개변수 등과 같은 클라이언트의 요청 정보를 얻어 요청을 처리하고 응답할 수 있습니다. PHP에서는 $_REQUEST, $_GET, $_POST 등과 같은 전역 변수를 사용하여 요청된 정보를 얻을 수 있지만 이러한 변수는 객체가 아니라 배열입니다. 요청사항을 보다 유연하고 편리하게 처리하기 위해

PHP 문자열 조작: 공백을 효과적으로 제거하는 실용적인 방법 PHP 문자열 조작: 공백을 효과적으로 제거하는 실용적인 방법 Mar 24, 2024 am 11:45 AM

PHP 문자열 작업: 공백을 효과적으로 제거하는 실용적인 방법 PHP 개발 시 문자열에서 공백을 제거해야 하는 상황에 자주 직면하게 됩니다. 공백을 제거하면 문자열이 더 깔끔해지고 후속 데이터 처리 및 표시가 쉬워집니다. 이 기사에서는 공백을 제거하는 몇 가지 효과적이고 실용적인 방법을 소개하고 구체적인 코드 예제를 첨부합니다. 방법 1: PHP 내장 함수인 Trim()을 사용합니다. PHP 내장 함수인 Trim()을 사용하면 문자열 양쪽 끝의 공백(공백, 탭, 개행 등 포함)을 제거할 수 있어 매우 편리하고 쉽습니다. 사용.

iOS 17.2: iPhone의 작업 버튼을 사용하여 음성을 번역하는 방법 iOS 17.2: iPhone의 작업 버튼을 사용하여 음성을 번역하는 방법 Dec 15, 2023 pm 11:21 PM

iOS 17.2에서는 iPhone 작업 버튼에 대한 새로운 사용자 정의 번역 옵션으로 의사소통 장벽을 극복합니다. 사용 방법을 알아보려면 계속 읽어보세요. iPhone 15 Pro와 같이 작업 버튼이 있는 iPhone을 사용하는 경우 Apple의 iOS 17.2 소프트웨어 업데이트는 버튼에 새로운 번역 옵션을 제공하여 실시간 대화를 여러 언어로 번역할 수 있게 해줍니다. Apple에 따르면 번역은 정확할 뿐만 아니라 상황을 인식하여 뉘앙스와 음성 언어가 효과적으로 포착되도록 보장합니다. 이 기능은 여행자, 학생, 언어를 배우는 모든 사람에게 도움이 될 것입니다. 번역 기능을 사용하기 전에 번역하려는 언어를 선택하세요. Apple에 내장된 번역 앱을 통해 이 작업을 수행할 수 있습니다.

See all articles