如何正确地在前端进行API接口的调用并展示返回的文字信息？

在前端进行API接口的调用通常涉及到JavaScript和HTML。下面是一个基本步骤：

1. **创建`<script>`标签**: 在HTML文件中添加一个`<script>`标签，用于引入处理AJAX请求的库，如JavaScript原生的XMLHttpRequest对象，或者第三方库如jQuery、axios等。

   <script src="path/to/axios.min.js"></script>

2. **发送请求**: 使用库提供的函数发起GET、POST或其他类型的HTTP请求。例如，使用axios：

   axios.get('https://api.example.com/data')
     .then(response => {
       // 请求成功，处理响应数据
       const data = response.data;
       console.log(data.text); // 展示文字信息
     })
     .catch(error => {
       // 处理错误情况
       console.error(error);
     });

3. **解析响应**: 对于JSON格式的响应，你可以直接访问`.data`属性获取到数据。如果API返回的是文本信息，可以直接显示在DOM元素中，比如`<p>`元素：

   document.getElementById('output').innerText = data.text;

4. **错误处理**: 不管是网络问题还是服务器返回的状态码不是200，都要处理可能出现的异常情况。

5. **加载指示**: 在请求过程中，可以提供一个加载提示，直到数据加载完成或出错。