Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: POST request, HTTP, Content-Type, application/x-www-form-urlencoded, multipart/form-data, application/json

В каком формате передаются параметры в POST-запросе?

Вопрос проверяет понимание форматов передачи данных в HTTP POST-запросах, что необходимо для корректной работы с API и веб-формами.

Короткий ответ

Параметры в POST-запросе могут передаваться в нескольких форматах, определяемых заголовком Content-Type. Основные форматы: application/x-www-form-urlencoded (данные формы в виде пар ключ=значение, разделённых &), multipart/form-data (для загрузки файлов, разделяет части границей) и application/json (структурированные данные в формате JSON). Выбор формата зависит от типа отправляемых данных и требований сервера.

Длинный ответ

POST-запросы в HTTP используются для отправки данных на сервер, например, при отправке форм или вызове API. Способ кодирования этих данных определяется заголовком Content-Type в запросе. Разные форматы подходят для разных задач.

Основные форматы передачи

  • application/x-www-form-urlencoded: Это стандартный формат для HTML-форм. Данные кодируются в строку, где пары ключ-значение разделяются символом &, а пробелы и специальные символы заменяются на процентное кодирование (например, пробел становится %20).
  • multipart/form-data: Используется, когда нужно отправить файлы вместе с другими данными формы. Каждая часть данных (текстовое поле или файл) разделяется уникальной границей (boundary), указанной в заголовке. Это предотвращает путаницу с бинарными данными файлов.
  • application/json: Популярный формат для REST API. Данные передаются в виде строки в формате JSON, что позволяет отправлять сложные вложенные структуры (объекты, массивы).
  • text/plain и application/xml: Используются реже, для отправки простого текста или XML-документов соответственно.

Примеры кода

Отправка данных в формате application/x-www-form-urlencoded с помощью JavaScript Fetch API:

fetch('https://api.example.com/submit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
  },
  body: 'username=johndoe&password=secret123'
});

Отправка данных в формате application/json:

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    title: 'Post Title',
    body: 'This is the content.',
    userId: 1
  })
});

Отправка формы с файлом (используется автоматически браузером для форм с enctype="multipart/form-data").

Где применяется

  • application/x-www-form-urlencoded: Традиционные веб-формы (логин, регистрация).
  • multipart/form-data: Формы загрузки файлов (аватарки, документы).
  • application/json: Современные RESTful API, мобильные и SPA-приложения.

Вывод: Формат application/json является предпочтительным для API из-за своей структурированности и читаемости, в то время как multipart/form-data необходим для загрузки файлов, а application/x-www-form-urlencoded остаётся стандартом для простых HTML-форм.

  • Аватар

    iOS Guru

    Roman Isakov

    Guru – это эксперты YeaHub, которые помогают развивать комьюнити.

Уровень

  • Рейтинг:

    4

  • Сложность:

    3

Навыки

  • JavaScript

    JavaScript

  • Networks

Ключевые слова

#POST request

#HTTP

#Content-Type

#application/x-www-form-urlencoded

#multipart/form-data

#application/json

Подпишись на iOS Developer в телеграм

  • Аватар

    iOS Guru

    Roman Isakov

    Guru – это эксперты YeaHub, которые помогают развивать комьюнити.