미니프로그램과 백그라운드간 상호작용 구현(코드 포함)

이 기사의 내용은 미니 프로그램과 백엔드(코드 포함) 간의 상호 작용 구현에 대한 내용입니다. 필요한 친구가 참고할 수 있기를 바랍니다.

최근에 작은 프로그램을 작업하고 있는데 처음 시작했을 때는 페이지 디자인이 비교적 쉬웠는데, 백엔드와의 상호 작용에 관해서는 공식을 보고 거의 무너졌습니다. API, 아직도 알 수 없었어요. 회사 선배들에게 직접 물어보니 템플릿을 작성해 줬으니 살펴보겠습니다.

/引入代码
var call = require("../util/request.js")

Page({
  data: {
    pictureList: [],
  },

  onLoad: function () {
    var that = this;
    //调用封装的方法，为了方便我直接在页面加载的时候执行这个方法
    call.getData(url, this.shuffleSuc, this.fail);
    this.loadMsgData(that);
  },
  shuffleSuc: function (data) {
    var that = this;
    that.setData({
      pictureList: data.rows
    })
    //我后面测试了一下，直接this.setData也可以，但是因为我在没有使用封装方法的时候
    //this.setData报过错，不能直接用this，所以我在赋值的时候一般都会加上var that = this;
  },
  fail: function () {
    console.log("失败")
  },
})

프론트엔드와 백엔드 상호작용은 이렇습니다.

1. 값을 전달할 필요가 없다는 조건에서: 백그라운드 메소드는 GET

이 장소를 get으로 변경해야 합니다. 그런 다음 위의 템플릿에 따라 작성하세요

2. 몇 가지 값을 전달해야 합니다. 백그라운드에서 POST를 사용하세요

그런 다음 템플릿을 변경하세요

call.request('백그라운드 메소드에 해당', {전달할 값 }, this.success, this.fail ) 여기서는 getData를 요청으로 제공한 다음 그 안에 값을 작성하고 이를 백엔드에 전달해야 합니다. 동시에 백엔드에는 해당 허용 변수가 있어야 합니다.

예: 테마를 넣고 싶습니다. 유형과 내용이 백그라운드로 전송되는 동시에 누가 그것을 작성했는지(openid를 사용하여) 알아야 합니다. 그러면 해당 호출은 다음과 같습니다. call.request('method', {openid: the openid to be wear, title: e.detail.value(get input value), type: Same Reason, content: Same Reason}, this.success, this, failure), 해당 백엔드에서는 openid를 받기 위해 별도의 변수를 사용하고, 다른 사람들은 그것을 받기 위해 객체를 사용하므로 이것이 달성됩니다. 애플릿은 값을 배경으로 전달합니다.

애플릿과 배경 간의 상호 작용은 이런 식으로 구현됩니다. 드디어 모든 데이터 수신이 완료되었습니다.

관련 추천:

미니 프로그램의 수명주기 분석(코드 포함)

WeChat 미니 프로그램 예: 마키 애니메이션 효과 구현 방법(코드 포함)

미니 프로그램은 완전성을 구현합니다. 자동 로딩 코드

위 내용은 미니프로그램과 백그라운드간 상호작용 구현(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!