一言API

API调用次数:

//自定义js
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const quoteText = document.getElementById('quote-text');

        // Function to fetch a new random quote from the API
        function fetchRandomQuote() {
            fetch('https://我爱.中国/一言API/api.php')
                .then(response => response.json())
                .then(data => {
                    quoteText.textContent = data.quote;
                })
                .catch(error => {
                    console.error('无法获取随机一言:', error);
                    quoteText.textContent = '我爱中国一言';
                });
        }

        // Fetch a random quote initially when the page loads
        fetchRandomQuote();
    });
</script>
//自定义p标签
<p id="quote-text"></p>

将上述自定义的JavaScript代码段放置在你的HTML文件中,可以放在<head>标签内或者<body>标签内任意位置。

在需要显示一言内容的地方插入一个<p>标签,并设置其id为quote-text,例如:<p id="quote-text"></p>。

当页面加载完成后,会自动调用fetchRandomQuote()函数,该函数会发送请求获取一言,并将其显示在<p id="quote-text"></p>中。

通过以上步骤,你就可以实现在页面中显示随机的一言内容了。记得确保正确引入所需的依赖(如Bootstrap样式和脚本)以使代码正常运行

调用示例:

等待获取中...

© 2023-2024 我爱中国 & 菜鸟团队 版权所有