>  기사  >  위챗 애플릿  >  미니 프로그램 개발 및 호출 인터페이스에 대한 예제 튜토리얼 공유

미니 프로그램 개발 및 호출 인터페이스에 대한 예제 튜토리얼 공유

零下一度
零下一度원래의
2017-05-27 14:22:584688검색

다음은 WeChat 애플릿 인터페이스 호출을 설명하는 간단한 예입니다.

첫 번째 효과 살펴보기:
미니 프로그램 개발 및 호출 인터페이스에 대한 예제 튜토리얼 공유
미니 프로그램 개발 및 호출 인터페이스에 대한 예제 튜토리얼 공유

이것이 애플릿의 실제 모습이며 경험은 기본 앱과 다소 유사합니다. .


JSON데이터 구성:

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "萌店商品详情",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"}

JS 코드:

 wx.request({
                url: 'http://m.vd.cn/api/tuan/TuanGuide_api', //仅为示例,并非真实的接口地址
                data: {
                    code:"oneyuan"  
                },
                method: "POST",
                header: {                    "Content-Type": "application/x-www-form-urlencoded"  //post
                },
                complete: function( res ) {
                    that.setData( {
                        oneyuandata: res.data.data
                    });                    if( res == null || res.data == null ) {
                        reject(new Error('网络请求失败'))
                    }
                },
                success: function(res) {
                    if(res.data.code ==0){
                        resolve(res)

                    }
                }
            })

JS에 대한 간단한 설명이지만 WCSS, WXML 코드는 포함되지 않습니다!


url:这个是要请求的接口地址
data:一个入参
method:请求方式,如果是POST请求必须按上面写,默认是get请求,不用处理。
complete:页面请求完成后的方法,通过that.setData将数据传递给WXML页面。
success:页面加载成功后的执行方法。

【관련 추천】

1. http 요청을 통해 맞춤 메뉴를 추가하는 방법은 무엇인가요?

2. 미니 프로그램용 빨간 봉투 인터페이스 개발 예제 코드

3. 미니 프로그램 개발을 위한 간단한 예제 코드

위 내용은 미니 프로그램 개발 및 호출 인터페이스에 대한 예제 튜토리얼 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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