WeChat アプレットは、API インターフェイスを介してアプレットに json データを表示します。

この記事では主に、API インターフェースを介してアプレットに json データを表示する WeChat アプレットの例を紹介します。その内容は非常に優れているので、参考として共有します。

Zhihu クライアントを実装するための重要な知識の前提条件は、Zhihu News インターフェイスを介して WeChat アプレットにデータを表示する方法を知っていることです。

それでは、まずインターフェイスによって取得されたデータを WeChat アプレットに表示する方法を学びましょう。

1. 使用するナレッジポイント

wx.request リクエスト インターフェイス リソース (WeChat アプレット API のリクエスト開始部分)

swiper は、カルーセル チャートを実装するコンポーネントです

wx:for ループ文

WeChat アプレットの基礎知識

2. 実装原理

まず、このリクエスト関数を見てみましょう

3.図

まず、Zhihuインターフェースデータのjson形式の始まり

wx.request({
 url: '******', //这里填写你的接口路径
 header: { //这里写你借口返回的数据是什么类型，这里就体现了微信小程序的强大，直接给你解析数据，再也不用去寻找各种方法去解析json，xml等数据了
  'Content-Type': 'application/json'
 },
 data: {//这里写你要请求的参数
  x: '' ,
  y: ''
 },

 success: function(res) {
 //这里就是请求成功后，进行一些函数操作
 console.log(res.data)
 }
})

Inindex.js

 "date":"20161114",
 "stories":[
  {
   "images":[
    "http://php.cn/76125c357aa7b0ca6c9cbc41b4a5326d.jpg"
   ],
   "type":0,
   "id":8975316,
   "ga_prefix":"111422",
   "title":"小事 · 我和你们一样"
  },
  {
   "images":[
    "http://php.cn/7c908a5940384123fd88287dbc6a2c98.jpg"
   ],
   "type":0,
   "id":8977438,
   "ga_prefix":"111421",
   "title":"成长嘛，谁说就意味着一定要长大了？"
  },

Inindex.wxml

Page({
 data: {
  duration: 2000,
  indicatorDots: true,
  autoplay: true,
  interval: 3000,
  loading: false,
  plain: false
 },
 onLoad: function () {
 var that = this//不要漏了这句，很重要
 wx.request({
  url: 'http://news-at.zhihu.com/api/4/news/latest',
  headers: {
  'Content-Type': 'application/json'
  },
  success: function (res) {
  //将获取到的json数据，存在名字叫zhihu的这个数组中
   that.setData({
   zhihu: res.data.stories,
   //res代表success函数的事件对，data是固定的，stories是是上面json数据中stories

   })
  }
 })


 }
})

このコードを読んだ後、WeChat アプレットのバインディング原則に従って、コードのどこで onLoad() 関数が呼び出されるか疑問に思うでしょう。あまり考えないでください。WeChat アプレットではこれらの手順が省略されています。 zhihu 配列を直接呼び出すだけです。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChat アプレットの 3 レベルのリンケージ セレクター

Java を使用して WeChat アプレットのログイン状態のメンテナンスを実装する方法

以上がWeChat アプレットは、API インターフェイスを介してアプレットに json データを表示します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。