JavaScript 经典实例：第三版

343

第

13

章

获取远程数据

在浏览器中无需刷新页面即可接收和处理数据，这是

JavaScript

的超强能力之一。

利用

JavaScript

向服务器发起请求，更新页面内容，可以实现实时数据追踪程序、

聊天应用、社交媒体订阅源更新等。本章介绍如何发起和处理这种请求。

你可能还听说过“

AJAX

”这个术语，它是

Asynchronous JavaScript and

XML

的缩写。虽然该术语最初用于表示获取

XML

数据，但是现在变得更通

用，可以表示

Web

浏览器与远程服务器之间的数据收发。

13.1

使用

Fetch API

请求远程数据

13.1.1

问题

你需要从远程服务器中请求数据。

13.1.2

方案

使用

Fetch API

发起请求并处理响应。简单的请求，只需通过参数把

URL

传给

fetch

方法，得到一个

promise

。下述示例请求一个

URL

，解析

JSON

响应，然后把

响应记录到控制台。

344

｜

第

13

章

const

url = 'https://api.nasa.gov/planetary/apod?api_key=DEMO_KEY';

fetch(url)

.then(response => response.json())

.then(data => console.log(data));

另外，

fetch

方法也可以使用 ...