Прежде чем мы углубимся в то, что делает Fetch, важно знать, что означает AJAX.

Нет, это не тот бренд моющих средств, который мы все любим и знаем. Ajax означает асинхронный Javascript и XML. AJAX - это сбывшаяся мечта разработчиков.

Люди путают это с языком программирования, но это не так. Он использует комбинацию

  • Встроенный в браузер объект XMLHttpRequest (для запроса данных с веб-сервера)
  • JavaScript и HTML DOM (для отображения или использования данных)

Он позволяет обновлять веб-страницы асинхронно, негласно обмениваясь данными с веб-сервером. Это увеличивает удобство использования, поскольку им не нужно перезагружать всю страницу каждый раз, когда они хотят получить часть информации.

Один из наиболее эффективных способов получить данные с сервера - это получить их. Нет, я не говорю о собаке, которая приносит мяч.

Функция выборки извлекает данные с сервера, с которого мы говорим ему получить данные. Вот краткая справка о том, как выглядит типичный запрос на получение.

Хорошо, давайте подробнее рассмотрим, что именно мы здесь делаем. Мы определили наш URL-адрес вверху, и мы собираемся перейти к элементу с идентификатором 1. В первом. Затем мы берем ответ и конвертируем информацию в JSON, чтобы мы могли работать с данными позже. Во втором случае мы берем данные нашего фильма и затем вызываем вторую функцию renderMovie, где в этом случае мы можем отобразить данные на экране для нашего пользователя.

Другой запрос Fetch, который мы можем использовать, - это запрос Patch. Это немного сложнее, однако, как только вы поймете, что происходит за кулисами, все это приобретет смысл.

Итак, в запросе на исправление вы изменяете существующий ресурс. Хорошая вещь в запросе на исправление - это то, что тело должно содержать только определенные изменения ресурса. Затем наш запрос на исправление обращается к API и создает новую версию в соответствии с предоставленными нами инструкциями.

Здесь снова в верхней части Fetch мы сообщаем нашей программе, куда мы хотим перейти, в данном случае это предоставленный URL, а также элемент с идентификатором 1. В методе, который мы сообщаем нашему компьютеру, это PATCH request, поэтому теперь он знает, что мы должны что-то обновить в URL-адресе, который мы собираемся. Вот почему тело нашего запроса на выборку принимает изменения, которые мы хотим внести, и в этом случае мы заменяем количество доступных билетов новой переменной, которую мы определили ранее.

В целом, очень-очень важно знать, как получать данные / обновлять данные с URL-адреса. Большинство современных приложений потребуют от вас какой-то выборки. На получение данных может потребоваться некоторое время, но вы сразу же станете экспертом!