使用UniApp对接一言API接口

一言Api接口地址:https://api.uixsj.cn/hitokoto/get

配置文件我就不写了

<template>
    <view class="uni-padding-wrap uni-common-mt" >
        <view>
            {{data.content}}
        </view>

    </view>

</template>

<script>
export default {
    data(){
        return{
            data:[]
        }
    },
    onLoad() {
        this.getData();
    },
    methods:{
        getData(){
            uni.request({
                url:"https://api.uixsj.cn/hitokoto/get",
                data:{
                    code:"json"
                },
                success: (res) => {
                    console.log(res.data);
                    // 将请求到的数据存放放到dataList中
                    this.data = res.data;
                }
            });
        }
    }
}

</script>
<style>
</style>

代码解析:

 this.data = res.data;

将请求到的JSON数据直接估值给data。

data的数据从原来的[],变成{code: 200, type: "一言", content: "一个人的生活方式决定一切,甚至人的思维"},可以直接使用data.content取出属性值。

posted @ 2020-05-07 15:12  老王同鞋  阅读(2830)  评论(0编辑  收藏  举报