Рано или поздно в вашем путешествии по изучению JavaScript вам нужно будет сделать запрос на выборку. Выполнение запроса на выборку — это просто способ получить данные, чтобы вы могли использовать их в своем приложении. Обычно вы будете запрашивать эти данные из API (интерфейс прикладного программирования).
Вот пример чрезвычайно простого запроса на выборку, как видно из документации из MDN Web Docs:
fetch() принимает в качестве аргумента URL-адрес, содержащий нужные вам данные. В данном случае это файл JSON. JSON означает нотацию объектов JavaScript. Программа JavaScript может легко преобразовывать данные JSON в собственные объекты JavaScript, поэтому обычной практикой является анализ наших данных в формате JSON.
Эта первая строка кода возвращает обещание. Когда запрос завершается, обещание разрешается с помощью объекта Response, как показано здесь:
Затем, чтобы извлечь содержимое тела ответа JSON из объекта Response, мы используем метод json(), который возвращает второе обещание, которое разрешается с результатом синтаксического анализа текста тела ответа как JSON.
Затем мы просто отображаем полученные данные JSON в консоли.
Чего мы здесь не учитываем, так это того, что произойдет, если запрос не будет выполнен из-за проблем с сетью. В этом случае обещание отклоняется, и (response.ok) будет ложным. Чтобы подготовиться к этому, было бы лучше выдать ошибку и отобразить ее на консоли через .catch(), как вы можете видеть здесь:
Это только объяснение самых основных запросов на выборку. В них можно включить гораздо больше, например, получение авторизации API, если это необходимо, изменение метода с GET на POST (или DELETE, или PATCH), и что делать с ответом оттуда. Вот несколько примеров того, как могут выглядеть более сложные запросы на выборку:
