Как создать форму, чтобы при отправке ее ajax'ом собрать все поля?

Вы написали ответ на свой вопрос. Это не обсуждения как на форуме. Вы можете добавить только один ответ. И это должен быть ответ. Если есть добавления и пояснения, редактируем вопрос. Или пишем в комментариях.

У меня там просто поля будут не только типа text, file. Но еще и подключу wysawig-редактор. Так же поля некоторые будут множественные. Не знаю как все это реализовать.

WYSIWYG подтюнить слегка на изменение чтобы писал в textfield - строчка кода. С множественными полями тоже не проблема - правильно пишите атрибут name.

а как его писать? name="ADDITIONAL_CATEGORIES[]" ?

true

как вообще реализовать множественное добавление?

А в форме в action что писать? javascript:void(0) ?

нет - url, куда отправляете форму. Оформляете всё, как всегда, ничего не отличается от стандартного сабмита, разве что будет отправляться ajax-ом...

Подскажите, вот я ввел название категории, куда мне добавлять id этой категории, чтобы потом в серверной части получить id этой категории? Или как реализовывается это?

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

Я просто не делал ни разу так и не знаю как реализовать правильно и чтобы потом не пришлось переделывать из-за того, что решил использовать форму

Вы не разу не делали Форму? Тогда Вам лучше сначала изучить всё, что касается этого вопроса, естественно, в разрезе ЯП, что пользуете на сервере.

Делал форму, но без множественных выборов. Не очень понимаю как это реализовать

name="ADDITIONAL_CATEGORIES[]" и на сервере получаете массив значений. Дальше - уже то, что нужно делайте с учётом этих знаний. В любом случае, сделать и проверить, как оно будет работать в любом случае быстрее, чем получить ответ тут - нет? :)

Да вот я сейчас написал, но что то не отправляется форма...вообще при нажатии ничего не происходит.

Смотрите консоль браузера. Если подключили плагин и натравили его на форму, оно же ajax-ом будет отправлять (что Вам и нужно было). А лучше всего, оттестируйте сначала без ajax-а отправку формы и обработку результата...

Сергей Гладковский:

Такая ситуация, что форму отправляю методом POST, а ангуляр POST не может прочесть и поэтому я делаю на серверной части $ajaxParams = json_decode(trim(file_get_contents('php://input')), true);

но сюда не приходит POST...что сделать тогда?

У меня просто все обработчики в одном файле

Попробуйте обратиться к $_POST массиву...

а на серверной части делать unserialize ?

KOPC1886: именно :)

Rafael Hovhannisyan: Делал, возвращает false. Мне там приходит строка вида "key=value&key1=value1"

извините, я перепутал, "key=value&key1=value1" это уже надо прикрепить к строке GET и отправить по аяксу.

var formStr = "key=value&key1=value1";
$.post("ajax.php?" + formStr, {}, function() {});

как обыкновенный GET запрос.

А как сделать множественное поле? Допустим типа файл, или типа text ?

И еще, как быть с angucomplete-alt ? У меня он еще подключен.

KOPC1886: Вот идея быстренько. Ну конечнонужно файл ридер что бы получать данные. Но суть не в том.

jsfiddle.net/Serhioromano/kxfb0xwf

Sergey Romanov: а почему бы не создать просто форму и отправить ее ajax'ом с помощью плагина https://github.com/malsup/form/. Только проблема у меня в том, что на странице, где я обрабатываю аякс-запросы у меня в начала прописана такая строчка
$ajaxParams = json_decode(trim(file_get_contents('php://input')), true), потому что ангуляр не может прочесть $_POST. Как быть в этой ситуации?

KOPC1886: можно и так. Но тогда зачем использовать Ангуляр? Это вопрос ни имеет к нему ни какого отношения. Уберите этот тег.