Работа над JavaScript дала мне много уникального и впечатляющего кода, но ничего похожего на выборку. В этом блоге я помогу вам понять важность этой функции. Для начала нам нужно понять, что fetch — довольно новая функция, до fetch было несколько методов, которые нужно было создать, чтобы выполнить то же самое, что и fetch. То, что делает fetch хорошо, так это выбираетзапрос на взаимодействие с другими серверами/API.

Например:

fetch(`https://localhost:3000/movies/${input.value}`)
  .then(response => response.json())
  .then(data => {
    const title = document.querySelector('section#movieDetails h4');
    const summary = document.querySelector('section#movieDetails p');
  });

В этом примере выборка отправляет наш запрос с использованием URL-адреса, а в следующей строке он GET возвращает запрос, преобразовывая его во что-то более разборчивое, то есть вне JSON. Как только это преобразовано, мы можем видеть, что во втором .then мы теперь можем взаимодействовать с ответом, который нам дали.

Запросы — не единственное, что может сделать fetch. Есть и другие способы взаимодействия с сервером: “GET”, “POST”, ”PATCH”, ”DELETE”, и еще несколько. К сожалению, поскольку я все еще студент, я недостаточно хорошо понимаю другого, чтобы объяснять в данный момент. Те, что вы видите здесь, являются основными, которые вы будете использовать чаще всего.

“GET”: to receive information,
“POST”: to be send new information and have it show up on the page, ”PATCH”: to update or change information on a page,
”DELETE”: to remove information on a page

В следующем примере, который я покажу, мы увидим, как правильно реализовать выборку.

const configurationObject = {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "Accept": "application/json"
  }
 body:
};
fetch()
.then()
.then()

Это обычная компоновка, как вы можете видеть, мы запрашиваем POST информацию на страницу в нашем методе, затем в нашем заголовке мы просим этот сервер/API, что мы отправляем информацию, используя JSON. Под этим мы сообщаем серверу/API, что мы можем принимать информацию в формате JSON. Тело — это место, где будет находиться наша информация, которую мы отправляем. Все это будет упаковано и отправлено нашими последними тремя строками кода, которые в конечном итоге вызовут функцию.

Надеюсь, если вы зашли так далеко, вы знаете немного больше о выборке и о том, как она работает.