时光一言❀

<p id="hitokoto">
    <a href="#" id="hitokoto_text">:D 获取中...</a>
</p>

var xhr = new XMLHttpRequest();
xhr.open('get', 'https://v1.hitokoto.cn');
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        const data = JSON.parse(xhr.responseText);
        const hitokoto = document.querySelector('#hitokoto_text');
        hitokoto.href = `https://hitokoto.cn/?uuid=${data.uuid}`
        hitokoto.innerText = data.hitokoto;
    }
}
xhr.send();

<p id="hitokoto">
    <a href="#" id="hitokoto_text">:D 获取中...</a>
</p>

// 如果你的站点使用了 jQuery,
// 如果想使用的 jQuery 版本 >= 3.x, 你必须引入完整的 jQuery，
// 如果你没此操作权限，请考虑其他引入方式。
// 一般来说，我们不推荐使用 jQuery Ajax。更推荐使用 Fetch API 或者 Axios
$.ajax({
    type: 'GET',
    url: 'https://v1.hitokoto.cn',
    dataType: 'jsonp',
    jsonp: 'callback',
    jsonpCallback: 'hitokoto',
    success (data) {
        $('#hitokoto_text').attr('href', `https://hitokoto.cn/?uuid=${data.uuid}`)
        $('#hitokoto_text').text(data.hitokoto)
    },
    error (jqXHR, textStatus, errorThrown) {
        // 错误信息处理
        console.error(textStatus, errorThrown)
    }
})

<p id="hitokoto">
    <a href="#" id="hitokoto_text">:D 获取中...</a>
</p>

axios.get('https://v1.hitokoto.cn')
    .then(({ data }) => {
        const hitokoto = document.querySelector('#hitokoto_text')
        hitokoto.href = `https://hitokoto.cn/?uuid=${data.uuid}`
        hitokoto.innerText = data.hitokoto
    })
    .catch(console.error)

<p id="hitokoto">
    <a href="#" id="hitokoto_text">:D 获取中...</a>
</p>

// 请注意此 Web API 的兼容性，
// 不支持 IE, iOS Safari < 10.1，
// 完整支持列表参考：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
fetch('https://v1.hitokoto.cn')
    .then(response => response.json())
    .then(data => {
        const hitokoto = document.querySelector('#hitokoto_text')
        hitokoto.href = `https://hitokoto.cn/?uuid=${data.uuid}`
        hitokoto.innerText = data.hitokoto
    })
    .catch(console.error)