> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

php是最好的语言
풀어 주다: 2018-08-07 09:49:52
원래의
7148명이 탐색했습니다.

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

머리말

WeChat 애플릿은 데이터 request-wx.request()를 구현하기 위해 API를 어떻게 호출하나요? WeChat 애플릿이 존재하지 않습니다ajaxajax,那么它是如何实现数据请求功能的呢?微在信中提供了API的调用wx.request(OBJECT),这个是很不错的。下面就讲一下如何请求数据,简单到不行。

wx.request

看文档时,提供了示例模板如下:

wx.request({
  url: 'test.php', //仅为示例,并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {    'content-type': 'application/json' // 默认值
  },
  success: function(res) {
    console.log(res.data)
  }})
로그인 후 복사

如何调取数据这是个难题,但是要模拟调用是有可能的。因为有个网址:https://easy-mock.com/ ,提供了模拟数据的请求。那么我们先来模拟一下数据吧,到时,复制链接给模板中的网址即可。


如图登录官网,登录,接着点击箭头,进入下一页面。

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

点击创建接口。

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

更新数据,创建属于自己的数据即可。

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

一可预览效果,链接复制到url, 데이터 요청 기능을 어떻게 구현합니까 ? WeChat은

API

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예 call

wx.request(OBJECT)WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

, 이것은 매우 좋습니다. 데이터를 요청하는 방법에 대해 이야기해 보겠습니다. 매우 간단합니다.

🎜wx.request🎜🎜🎜🎜🎜🎜문서를 보면 다음과 같이 샘플 템플릿이 제공됩니다. 🎜🎜🎜
 <button type=&#39;primary&#39; bindtap=&#39;send&#39;>请求数据</button>
로그인 후 복사
로그인 후 복사
🎜🎜🎜데이터를 검색하는 방법 어려운 문제이지만 통화 시뮬레이션이 가능합니다. 시뮬레이션된 데이터에 대한 요청을 제공하는 URL: 🎜🎜🎜🎜https🎜🎜🎜🎜://easy-mock.com/ 🎜🎜이 있기 때문입니다. 그럼 먼저 데이터를 시뮬레이션해 보겠습니다. 그런 다음 템플릿의 URL에 대한 링크를 복사해 보겠습니다. 🎜🎜🎜
🎜🎜🎜WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예과 같이 공식 홈페이지에 로그인 후 로그인 후 화살표를 클릭하시면 다음 페이지로 진입합니다. 🎜🎜🎜🎜WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예🎜🎜🎜🎜 인터페이스 생성을 클릭합니다. 🎜🎜🎜🎜WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예🎜🎜🎜🎜 데이터를 업데이트하고 나만의 데이터를 만드세요. 🎜🎜🎜🎜WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예🎜🎜🎜🎜 효과를 미리 볼 수 있으면 링크를 🎜🎜url🎜🎜템플릿에 복사하세요. 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜그런 다음 WeChat 애플릿 개발 도구를 열고 인터페이스에 버튼 요청을 추가합니다. 🎜🎜🎜
 <button type=&#39;primary&#39; bindtap=&#39;send&#39;>请求数据</button>
로그인 후 복사
로그인 후 복사

在接着js文件中添加事件。

//send
  send: function(){
    wx.request({
      url: &#39;复制的链接&#39;, //仅为示例,并非真实的接口地址
      data: {
        x: &#39;&#39;,
        y: &#39;&#39;
      },
      header: {
        &#39;content-type&#39;: &#39;application/json&#39; // 默认值
      },
      success: function (res) {
        console.log(res.data)
      }
    })
  }
로그인 후 복사

点击按钮如果出现下面的错误,那是因为要到详情按钮中,给个地方打个勾即可。

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

找到下方打钩即可。

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

点击按钮,即可查看,请求数据效果出现了。

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

结语

  • 你完成了吗?是不是,很容易呢?是不是很简单呢?

WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예

相关推荐:

微信小程序的ajax数据请求wx.request的实例介绍

怎么玩转微信小程序的ajax数据请求

위 내용은 WeChat 애플릿 API가 wx.request를 호출하여 데이터 요청을 구현하는 방법의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿