Сбор всех необходимых данных со страницы в json

[alex_web64]

Здравствуйте.

У меня на странице есть много checkbox, textarea, input и других подобных тегов, которое содержат какую-то информацию. Подскажите мне алгоритм, как это все проще собрать в json. Проходить все элементы циклом? Или есть более оптимальное решение?

[hypnocolor]

http://api.jquery.com/serializeArray/. Или тут:  http://stackoverflow.com/questions/1184624/convert-form-data-to-javascript-object-with-jquery. В лучшем ответе есть ссылка на пример с другим форматом итогового json.

[nomalware]

Берем jquery и делаем финт ушами

console.log(    $('.form_class').serialize())

Edited November 10, 2015 by nomalware

[alex_web64]

эти функции работают с формами, которых у меня нету, так как оны не нужны, а добавлять не очень бы хотелось.

[hypnocolor]

эти функции работают с формами, которых у меня нету, так как оны не нужны, а добавлять не очень бы хотелось.

 

Ну вообще логично, что все инпуты формы должны находиться внутри формы. Тут не то, что «хочется/не хочется», так просто должно быть.

[alex_web64]

 

эти функции работают с формами, которых у меня нету, так как оны не нужны, а добавлять не очень бы хотелось.

 

Ну вообще логично, что все инпуты формы должны находиться внутри формы. Тут не то, что «хочется/не хочется», так просто должно быть.

 

Конкретно для моего случая: у меня на странице есть табы, на первом находятся checkbox, на втором textarea, на третем еще что-нибудь. Все это мне необходимо куда-то отправить. Вы предлагаете для каждого таба делать форму только ради использования функции сериализации, а потом соединять результаты всех форм?

[hypnocolor]

Конкретно для моего случая: у меня на странице есть табы, на первом находятся checkbox, на втором textarea, на третем еще что-нибудь. Все это мне необходимо куда-то отправить. Вы предлагаете для каждого таба делать форму только ради использования функции сериализации, а потом соединять результаты всех форм?

Зачем? Все табы можно обернуть одной формой, в результате все данные будут храниться внутри неё.

[wwt]

можно не оборачивать

$('input,textarea,select').serialize()

[hypnocolor]

можно не оборачивать

$('input,textarea,select').serialize()

 

Только serialize() не выдаст JSON

[nomalware]

За что мне нравится html - там нет четких ограничений, каждый делает что хочет.

За что не нравится - опять же, каждый делает что хочет, нарушая все стандарты и общепринятые методы построения приложения.

 

ТС, делайте пожалуйста по стандартам и все будет у вас хорошо.

Одного верстальщика до сих пор гоняю, когда он забывает тег <form> поставить и прочее, а я потом ломаю голову, почему ничего нормально не работает

Edited November 10, 2015 by nomalware

[wwt]

Только serialize() не выдаст JSON

 

ну ладно, ладно =)

JSON.stringify($('input,textarea,select').serializeArray())

а вот так можно ограничить выборку определнным родителем как обычно:

JSON.stringify($('input,textarea,select', $('.myparent')).serializeArray())

[alex_web64]

Всем большое спасибо, пойду пробовать.

[Николя223]

JSON.stringify($('input,textarea,select', $('.myparent')).serializeArray())

Я через find всегда делаю)) мне вот такие ограничения не нравятся...  если кода много - глаза разбегаются в запятых)) а через  find сразу видно где что))

[wwt]

Я через find всегда делаю)) мне вот такие ограничения не нравятся... если кода много - глаза разбегаются в запятых)) а через find сразу видно где что))

 

А я и так и сяк делаю =)

 

Да не суть в принципе =) можно хоть селекторами, если из разных родителей нужны конкретные поля

JSON.stringify($('.myparent input, .myparent2 input#color').serializeArray())