HTTP -методы запроса

В этом посте я бы поделился с вами различными типами методов запроса, используемыми для работы с API.

Какие методы запроса HTTP?

HTTP-запрос-это действие, которое будет выполнено на ресурсе, идентифицированный данным запросом-URL. Методы запроса чувствительны к случаям, всегда отмечаемые в верхнем случае.

Как работают HTTP -запросы?

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

Существуют различные методы HTTP -запроса, но каждому из них присваивается определенная цель. Давайте начнем –

1. Получить метод –

Метод получения используется для извлечения и запроса данных с указанного ресурса на сервере.

В этом посте я буду использовать ‘Swagger Ui’ Как фальшивый API отдыха, чтобы продемонстрировать, как работают эти запросы.

let url = "https://fakerestapi.azurewebsites.net/api/v1/Activities";
fetch(url, {method: 'GET'})
.then(response => response.json())
.then(data => console.log(data));
// we receive the data from the api as the output

Запрос GET часто используется для обычно извлечения данных JSON с сервера, существуют разные форматы, с помощью которых вы можете получить данные –

XML
HTML
Текст
Json

2. Пост -метод –

Другим популярным методом HTTP -запроса является сообщение. В веб -коммуникации запросы POST используются для отправки данных на сервер для создания или обновления ресурса. Метод POST HTTP часто используется для отправки пользовательских данных на сервер. Одним из примеров является то, что пользователь загружает фотографию профиля.

let url = 'https://fakerestapi.azurewebsites.net/api/v1/Activities';
let data = {
  "id": 0,
  "title": "string",
  "dueDate": "2021-08-13T16:44:12.776Z",
  "completed": true
}
const options = {
  method: 'POST',
  body: JSON.stringify(data),
  headers: {
    'Content-Type': 'application/json'
  }
}
fetch(url, options)
  .then(res => res.json())
  .then(res => console.log(res));
// This way user data can be updated to the server.

Информация, представленная на сервер с помощью метода запроса POST, архивирована в органе запроса HTTP -запроса. Здесь мы используем метод json.stringify (), который преобразует объект JavaScript в строку JSON

3. Поместите метод:

PUT аналогичен POST, поскольку он используется для отправки данных на сервер для создания или обновления ресурса. Разница между ними заключается в том, что запросы на то, что они являются Idempotent . Это означает, что если вы называете одни и те же запросы PUT несколько раз, результаты всегда будут одинаковыми.

const dataObject = {id: 1,
    title: 'Activity 1 update',
    dueDate: '2021-08-13T17:12:24.832Z',
    completed: true,
};

fetch('https://fakerestapi.azurewebsites.net/api/v1/Activities/1',{
    method:'PUT',
    headers:{
    'Content-Type':'application/json'
    },
    body:JSON.stringify(dataObject)
}).then(response=>{
    return response.json()
}).then(data=> 
console.log(data)
);

4. Удалить метод –

Так же, как это звучит, метод запроса удаления используется для удаления ресурсов, обозначенных конкретным URL. Выполнение запроса удаления удалит целевой ресурс.

let url = "https://fakerestapi.azurewebsites.net/api/v1/Activities/30"
const deleteMethod = {
  method: 'DELETE',
  headers: {
   'Content-type': 'application/json; charset=UTF-8'
  },
 }
 fetch(url, deleteMethod) 
 .then(response => response.text())
 .then(data => console.log(data))
 .catch(err => console.log(err))
// This will delete the targeted id data from the server

Разница в сообщении в том, что вам понадобится идентификатор записи, чтобы удалить или положить Анкет Здесь мы используем

Обратите внимание, что нет необходимости анализировать результат. Ответ на анализ на текст вернется в пустую строку, и анализ его в JSON даст ошибку анализа.

5. ПЛАСТЫРЬ:

Запрос на патч аналогичен посту и положил. Тем не менее, его основная цель – применять частичные изменения в ресурсе. И так же, как и запрос на сообщение, запрос на патч также не является неэмпотентом. Кроме того, в отличие от поста и поставки, которые требуют полного пользовательского объекта, с запросами Patch, вы можете отправить только обновленное имя пользователя.

Подходя к концу, я бы приведет вам практическое пример, чтобы понять пост | Положить | Метод патча, так что, как это будет вам ясно. Пример – {«Имя пользователя»: "rkumar281", "Электронная почта": "raghavkumar@domain.com"}

Если вы опубликуете эти данные/пользователям, вы можете вернуть такую сущность, как:

## /users/1
{
    "username": "rkumar281",
    "email": "raghavkumar@domain.com"
}

Если вы хотите изменить эту сущность позже, вы выбираете между Put и Patch. Пут может выглядеть так:

PUT /users/1
{
    "username": "rkumar281",
    "email": "raghavkumar@gmail.com"       // new email address
}

Вы можете сделать то же самое, используя патч. Это может выглядеть так:

PATCH /users/1
{
    "email": "raghavkumar@gmail.com"       // new email address
}

Вы сразу заметите разницу между этими двумя. Пункт включал все параметры для этого пользователя, но патч включал только тот, который был изменен (электронная почта) Анкет

Я надеюсь, что вы обнаружите, что блог полезным в обучении HTTP -запросам, я рассмотрел наиболее часто используемые запросы, есть еще больше, что вы можете исследовать Здесь Анкет Поместите комментарий о том, что вы думаете о контенте, и я скоро приду с новым сообщением в блоге …

Оригинал: “https://dev.to/adidoshi/http-request-methods-16ik”