前言


一言,忽然想起某某人在电脑上加了一言,花里胡哨的。好吧,这次真香!这里手动@xgblack,让我有了灵感,加入微信小程序。
「一言」,让我们一眼就能看到的短句,或唯美,或感动,或震撼…这次通过公共 API 的形式加入到自己的项目中调用它们。

一言使用说明官网: https://hitokoto.cn/api

这里我使用的api地址

Api地址:https://v1.hitokoto.cn/

参数说明

avatar
avatar

预览图

avatar
avatar

样式简单写了一下,这里只添加了 1)内容 2)素材来源

wxml代码展示

<view>{{content}}</view>
<view>From {{resource}}</view>

注:这里只有核心源码,没有添加样式

js代码展示

var app = getApp();
Page({
data: {
StatusBar: app.globalData.StatusBar,
CustomBar: app.globalData.CustomBar,
content: [],//参数
resource: [],//参数
},
onLoad:function(){
this.getdata();
},
//自定义参数名字
getdata:  function ()  {
var  that  =  this;
wx.request({
url:  'https://v1.hitokoto.cn/',
method:  'GET',
dataType:  'json',
success:  function (res)  {
console.log(res.data)
that.setData({
content: res.data.hitokoto,
resource:res.data.from
})
},
fail:  function (err)  { }, //请求失败
complete:  function ()  { } //请求完成后执行的函数
})
},
});

后记说明

后台返回的数据较多,这里演示我选取了hitokotoform数据组。可以自由选取

avatar
avatar