WeChat 애플릿 wx.request는 배경 데이터 상호 작용 기능 분석을 실현합니다.

이 글에서는 주로 WeChat 애플릿 wx.request를 소개하여 백그라운드 데이터 상호작용 기능을 실현하고, WeChat 애플릿 wx.request가 백그라운드 데이터 상호작용 과정에서 겪는 문제와 관련 솔루션을 분석합니다. 도움이 필요한 친구들이 참고할 수 있습니다.

기록 WeChat 애플릿 wx.request API 프로그램은 배경과 상호작용할 때 문제가 발생합니다.

1. 정보에 따라 첫 번째 단계를 완료하고 요청을 보냅니다. 코드는 다음과 같습니다.

wx.request({
     url: 'https://localhost:8443/xiaochengxu/addBill.do',
     data: e.detail.value,
     method: 'POST',
     success:function(res) {
       console.log('submit success');
     },
     fail:function(res){
       console.log('submit fail');
     },
     complete:function(res){
       console.log('submit complete');
     }
})

콘솔에서도 성공적으로 요청이 수신되었습니다. 백그라운드 요청이 데이터를 수신하지 못했습니다. 디버깅을 켜고 데이터가 요청 페이로드에 있는지 확인하세요. 그러면 springmvc 매핑 빈이나 req.getParameter가 백그라운드에서 매개변수를 가져올 수 없습니다. req.getParameter都拿不到参数。

简单说就是增加了header: {'content-type': 'application/x-www-form-urlencoded'},后台成功获取数据。

至此，代码如下：

wx.request({
     url: 'https://localhost:8443/xiaochengxu/addBill.do',
     data: e.detail.value,
     method: 'POST',
     header: {'content-type': 'application/x-www-form-urlencoded'},
     success:function(res) {
       console.log('submit success');
     },
     fail:function(res){
       console.log('submit fail');
     },
     complete:function(res){
       console.log('submit complete');
     }
})

2、接收请求返回数据

这一步问题不大，我是按照json格式返回的，只是按照官网写的console.log(res.data)的话，会在控制台打印Object，带上参数名就好了，比如res.data.code

相关推荐：

<a href="http://www.php.cn/xiaochengxu-382229.html" target="_self">微信小程序页面跳转功能</a>

간단히 말하면 header: {'content-type': 'application/x-www-form-urlencoded'}가 추가되고 백그라운드에서 데이터를 성공적으로 가져옵니다.

이 시점에서 코드는 다음과 같습니다. rrreee

2. 요청을 받고 데이터를 반환합니다.

이 단계는 큰 문제가 아니며 콘솔에 따라 반환했습니다. 공식 웹사이트에 작성된 .log(res.data), 개체가 콘솔에 인쇄됩니다. res.data.code🎜🎜관련 추천: 🎜🎜<a href="http://www.php.cn/xiaochengxu-382229.html" target="_self">WeChat 미니 프로그램 페이지 점프 기능🎜</a>🎜🎜🎜WeChat 미니 프로그램 양식 확인 기능 완성 예시🎜🎜🎜🎜WeChat 애플릿은 뷰 라벨의 너비와 높이를 동적으로 변경하는 방법을 구현합니다🎜🎜

위 내용은 WeChat 애플릿 wx.request는 배경 데이터 상호 작용 기능 분석을 실현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!