使用 fetch 获取HTML

在前端开发中，经常需要从服务器中获取HTML页面，可以通过AJAX或者fetch等方式进行请求。本篇介绍如何使用fetch获取HTML页面的内容。

fetch

fetch是一个现代的网络请求API，可以方便地发送请求并获取服务器的数据。我们可以使用以下代码来获取HTML页面：

fetch('https://www.example.com/index.html')
  .then(res => res.text())
  .then(html => console.log(html));

其中，fetch函数接受一个URL作为参数，返回一个Promise对象。在Promise对象返回后，我们可以使用.then方法来处理Promise对象的结果。

在上面的代码中，我们首先调用res.text()方法将服务器返回的数据转换为可读的文本格式，然后使用.then方法将HTML页面打印到控制台上。

需要注意的是，fetch函数默认会使用GET方法发送请求，如果需要使用POST等其他HTTP方法，可以指定method参数。此外，我们还可以指定headers参数来设置请求头信息。

总结

本篇介绍了如何使用fetch来获取HTML页面的内容。使用fetch可以方便地获取服务器的数据，在处理Promise对象时需要注意回调函数的调用顺序。