实现ajax发送公共api请求

Ajax全称Asynchronous JavaScript and XML，是一种用于创建异步网页应用的技术。在JavaScript中，通过XMLHttpRequest对象或现代的fetch API可以发送公共API请求。以下是使用Fetch API发送AJAX请求的基本步骤：

1. 创建一个新的Promise实例：

const fetchData = async (url) => {
  try {
    const response = await fetch(url);
  } catch (error) {
    console.error('Error:', error);
    return;
  }
}

2. 定义URL和请求方法（GET、POST等），并添加请求头（如果需要身份验证或特定格式）：

const apiUrl = 'https://api.example.com/data'; // 替换为你实际的API地址
const headers = {
  'Content-Type': 'application/json', // 根据API需求设置
};

fetchData(apiUrl)
  .then(response => response.json()) // 如果返回的是JSON，解析数据
  .then(data => console.log(data)) // 打印接收的数据
  .catch(error => console.error('Failed to load data:', error));

3. 对于POST或其他非简单GET请求，通常需要提供请求体：

const postData = { key: 'value' };
fetch(apiUrl, {
  method: 'POST',
  headers,
  body: JSON.stringify(postData), // 如果是JSON
})
.then(response => response.json())
...