千峰Ajax【fetch和promise】

在JavaScript中，使用fetch和Promise可以进行异步的HTTP请求。以下是一个简单的例子，展示如何使用fetch和Promise来进行GET请求。

// 使用fetch发送GET请求
fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => {
  if (response.ok) {
    return response.json(); // 解析JSON数据
  }
  throw new Error('Network response was not ok.'); // 如果网络响应不正确，抛出错误
})
.then(data => {
  console.log('Data received:', data); // 处理解析后的数据
})
.catch(error => {
  console.error('Fetch error:', error); // 处理错误情况
});

这段代码首先使用fetch函数向https://api.example.com/data发送一个GET请求。然后，它通过then方法处理响应，如果响应状态为ok，它会解析JSON数据。如果出现网络错误或其他问题，它会进入catch块，在这里可以处理错误。这是一个基本的例子，实际使用时可能需要根据具体情况添加额外的逻辑。