Maison >Applet WeChat >Développement de mini-programmes >Un exemple de la façon dont l'API de l'applet WeChat appelle wx.request pour implémenter les demandes de données

Un exemple de la façon dont l'API de l'applet WeChat appelle wx.request pour implémenter les demandes de données

php是最好的语言
php是最好的语言original
2018-08-07 09:49:527129parcourir

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

Avant-propos

Comment l'applet WeChat appelle-t-elle l'API pour implémenter data request-wx.request() ? L'applet WeChat n'existe pasajax, alors comment implémente-t-elle la fonction de demande de données ? WeChat propose des appels API wx.request(OBJECT), ce qui est très bien. Parlons de la façon de demander des données. C'est si simple.

wx.request

En regardant la documentation, un échantillon Le modèle est fourni comme suit :

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

Comment récupérer des données est un problème difficile, mais il est possible de simuler l'appel. Parce qu'il existe un site internet : https://easy-mock.com/ , qui propose une simulation demande de données. Alors simulons d'abord les données. Ensuite, copions le lien vers l'URL dans le modèle.


Connectez-vous au site officiel comme indiqué, connectez-vous, puis cliquez sur la flèche pour accéder à la page suivante.

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

Cliquez pour créer une interface.

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

Mettez simplement à jour les données et créez vos propres données.

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

Vous pouvez prévisualiser l'effet et copier le lien vers url dans le modèle.

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

Ensuite, nous ouvrons l'outil de développement d'applet WeChat et l'ajoutons à l'interface Appuyez simplement sur le bouton pour le demander.

 <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)
      }
    })
  }

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

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

找到下方打钩即可。

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

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

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

结语

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

Un exemple de la façon dont lAPI de lapplet WeChat appelle wx.request pour implémenter les demandes de données

相关推荐:

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn