Query ⇄ JSON
Разбор GET-параметров · JSON → URL
Query-параметры
Готово
ABOUT
О Query ⇄ JSON
Разбор query-строк вида ?a=1&b=2 в JSON или генерация URL-параметров из JSON.
Query GET-запросов — частая точка входа при отладке API: UTM, пагинация, фильтры, OAuth callback. Структура проста, но вложенность и дубликаты ключей часто вызывают ошибки при ручной сборке.
DEEP DIVE
Подробнее о Query ⇄ JSON
URL query string — стандартный способ передачи параметров в GET. Ручной разбор ?a=1&b=2&c=hello утомителен и error-prone; китайские символы требуют encodeURIComponent.
Подходит для отладки REST API, построения тестовых URL, анализа query роутера и проблем encodeURIComponent.
application/x-www-form-urlencoded и multipart по-разному представляют массивы. JSONSort разбирает дубликаты ключей как массивы; при генерации query для массивов использует повтор ключей — как Java Spring / Node Express по умолчанию.
FEATURES
Ключевые возможности
Query → JSON
Разбор URL query в вложенные JSON-объекты с автоматическим URL-decode.
JSON → Query
Генерация стандартных URL-encoded query-строк из JSON.
Обработка дубликатов ключей
Одноимённые параметры становятся массивами — как принято на сервере.
Кодирование / декодирование
Автоматическая обработка %XX для китайского текста и спецсимволов.
Мгновенный вывод
Можно вставить полный URL или только query.
Локальная обработка
URL может содержать token и другие чувствительные параметры — локальный разбор безопаснее.
Разбор полного URL
Вставьте URL с доменом — query после ? извлекается автоматически.
Вложенные объекты
Двустороннее сопоставление bracket/dot notation и JSON-объектов.
HOW TO USE
Шаги использования
-
1
Вставьте query-строку или JSON-объект
-
2
Выберите направление: разбор или генерация
-
3
Копировать результат
-
4
При ошибке проверьте сообщение, исправьте синтаксис исходника и повторите
-
5
Отформатируйте результат или экспортируйте для downstream-скриптов
WORKFLOW
Типичный workflow
Полный цикл от импорта до экспорта — помогает командам унифицировать Query ⇄ JSON.
Введите query или URL
Скопируйте из адресной строки, панели Network или логов.
Просмотр JSON
Убедитесь, что вложенность и массивы соответствуют логике сервера.
Редактирование JSON
Измените значения и обратно сгенерируйте query-строку.
Запуск теста
Добавьте к base URL и проверьте в браузере или Postman.
USE CASES
Сценарии использования
Frontend-разработка
Разбор query Vue Router / Next.js в JSON для отладки.
Backend-разработка
Построение тестовых GET URL: параметры в JSON, query одним кликом.
Инженер по тестированию
Пакетное построение тестовых URL с множеством параметров.
SEO / маркетинг
Анализ UTM landing page → JSON для аналитики.
Тестирование безопасности
Разбор redirect_uri и state для анализа OAuth-потоков.
Анализ данных
Пакетная конвертация UTM → JSON для BI и атрибуции каналов.
TIPS
Советы
- При вставке полного URL извлекается и разбирается query после ?.
- Query из JSON → Query можно сразу добавить к base URL для теста.
- Китайские параметры автоматически encodeURIComponent — ручное кодирование не нужно.
- Массивы в query обычно как повторяющиеся ключи; после разбора восстанавливаются как массив.
- С Encode/Decode для диагностики двойного кодирования или его отсутствия.
- Query redirect_uri OAuth быстро разбирается этим инструментом.
- + в query часто означает пробел; при decode эквивалентен %20.
- Перед добавлением query к base URL проверьте, есть ли уже ?.
- Тестируйте границы массивов: пустой, один элемент, несколько.
- С Postman: извлеките URL из Collection, затем разберите query.
LOCAL VS ONLINE
Локально vs онлайн-инструменты
JSONSort — чистый frontend: почему локальные инструменты лучше для dev-данных.
TROUBLESHOOTING
Типичные ошибки и решения
Частые проблемы и рекомендации — меньше проб и ошибок.
Иероглифы вместо текста
Совет:Убедитесь в URL-decode; при двойном кодировании снимите слой через Encode/Decode.
Массив стал строкой
Совет:Проверьте, нужны ли повторяющиеся ключи вместо JSON-массива в строке.
Пустые значения потеряны
Совет:Форма key= сохраняется как пустая строка, в отличие от отсутствующего ключа.
Ограничение глубины вложенности
Совет:Слишком глубокие bracket могут не поддерживаться сервером — согласуйте с backend.
FAQ
Частые вопросы
Поддерживаются ли параметры hash-роутера?
Разбирается только query после ?. Hash после # отделяйте вручную.
Сохраняются ли параметры с пустым значением?
key= разбирается как пустая строка "".
Как вложенные объекты превращаются в query?
Плоское представление key[nested]=value или dot notation — зависит от режима.
Можно ли разобрать параметры внутри hash?
Query в hash #/page?x=1 отделяйте вручную; стандартный query перед ? обрабатывается автоматически.
Сохраняется ли порядок параметров?
Порядок ключей JSON может отличаться от исходного query; функционально эквивалентно.
Данные уходят на сервер?
Нет. Все инструменты JSONSort работают локально в браузере.
Нужна регистрация или установка?
Нет. Откройте страницу — без аккаунта и клиента; поддержка PWA offline.
Какой максимальный размер файла?
Зависит от памяти браузера; обычно несколько MB. Огромные — разбейте или используйте merge/очистку.