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样式和脚本)以使代码正常运行
调用示例:
等待获取中...