木小果api随机获取头像

最新推荐文章于 2025-03-27 15:33:54 发布

SuperLuxy

最新推荐文章于 2025-03-27 15:33:54 发布

阅读量2.1k

点赞数

分类专栏：个人笔记文章标签： javascript ajax jquery

本文链接：https://blog.youkuaiyun.com/qq_45158336/article/details/120226582

版权

个人笔记专栏收录该内容

15 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
    <style>
        img {
            width: 500px;
        }
    </style>
</head>

<body>
    <button>获取头像</button>
    <img src="" alt="">
    <script>

        var head = '';
        function gethead() {

            axios({
                method: 'get',
                url: 'https://api.muxiaoguo.cn/api/sjtx?method=pc',
                params: {}
            }).then((res) => {
                // console.log(res.data.data.imgurl);
                head = res.data.data.imgurl;
                console.log(head);
            })

            return head;
        }

        $(function () {
            $('button').click(function () {
                gethead()
                $('img').attr('src', head)
                // console.log(head);
            })
        })
    </script>
</body>

</html>

用木小果api做的随机获取头像注释是写的时候打的草稿可以忽略

如果点击获取没出来接口网不太好等一分钟再点一次就好了