前言

使用 Fetch API 发起了一个 GET 请求到接口地址，并在响应成功后将返回的文本数据插入到指定的 HTML 元素中。请确保将接口地址替换为实际的接口地址，并将 'api-text' 替换为要插入文本的元素的 ID。

halo中设置

可以将下述 <script> 标签中代码，放置在系统设置中的注入代码head中，以便在加载网页时触发接口请求并更新相应的文本内容。

  <script type="text/javascript">
    window.addEventListener('DOMContentLoaded', (event) => {
      fetch('https://v1.hitokoto.cn/?c=f&encode=text')
        .then(response => response.text())
        .then(data => {
          var textElement = document.getElementById('api-text');
          textElement.innerText = data;
        })
        .catch(error => {
          console.error('Error:', error);
        });
    });
  </script>

插入一言

将其插入到合适的位置，进行一言调用（参考以下示例）

    enter code here<!DOCTYPE html>
<html>
<head>
  <title>调用接口示例</title>
  <script type="text/javascript">
    window.addEventListener('DOMContentLoaded', (event) => {
      fetch('https://v1.hitokoto.cn/?c=f&encode=text')
        .then(response => response.text())
        .then(data => {
          var textElement = document.getElementById('api-text');
          textElement.innerText = data;
        })
        .catch(error => {
          console.error('Error:', error);
        });
    });
  </script>
</head>
<body>
<h1>调用接口示例</h1>
  <div id="api-text"></div>
</body>
</html>