Как лучше организовать код/скрипт?

Question

[uzi_no_uzi]

Есть такая страница у сайта, как лучше организовывать скрипт в таком случаи. Допустим человек заполнил и нажал "Разместить", объявление добавилось в блок ниже, допустим я это реализовал, а дальше какая должна быть логика для реализации редактирования сообщения и есть ли какие-нибудь подводные камни при таком подходе? Как это сделать правильно, чтобы back-end разработчик без проблем смог это прикрутить? (Пишу на нативном JavaScript все скрипты).

И еще вопрос, там есть кнопки прикрепления картинок, как в скрипте это описывать, ведь насколько я понимаю, файлы которые прикрепляются должны сначала пройти обработку на сервере и только после этого выводиться, я должен принимать ссылки на прикрепленные картинки посредством AJAX?

Answer 1

[Алексей П]

Ответ на первую часть вопроса:
1. Делаешь html-разметку страницы через (ccылка)
2. В тег добавляешь аттрибут action и method
3. Записываешь в аттрибут action URL куда будет отправлена информация, здесь тебе должне помочь backend разработчик
4. У кнопки "разместить" ставишь тип submit
5. Кнопку загрузки изображения реализуешь через imput/file (ссылка)

Поведение редактирования сообщения - это общая фраза, если ты работаешь на ванильном JS и без фрейворков, то это забота твоего backend'ера. Твоя задача - верстка + скрипт капчи.

Ответ на вторую часть вопроса:
Все данные будут переданы в формате FormData, поэтому тебе не нужно ничего делать.

Но... если ты пишешь на фреймворках, то все иначе.

Comments

[uzi_no_uzi]

Как сверстать форму я знаю) Интересовала конкретно организация скрипта, что отправлять Ajax'ом и тд)

[Алексей П]

в общем, смотри, если разговор идет про AJAX, то на бекэнде должны быть endpoints (их еще называют "ручки"), т.е. это адрес, который примет данные и обработает их. К сожалению, ты ничего об этом не сказал, поэтому ответ был общий.

Как отправить данные через AJAX?
1. размещаем тег script на странице (внешний или нет, не важно).
2. в нем тебе нужно описать метод sendData (например)
3. размещаем в кнопке обработку события onclick, где прописываем вызов sendData
4. забираем данные из формы и отправляем через XMLHttpRequest

это общие щаги.

Как быть с картинками?
Тут вопрос определяется стратегией с твоим бекэнд разработчиком, т.е. ты отправляешь на сервер картинку сразу после обработки на странице, либо с данными из формы в зашифрованном виде.

На данном этапе, если это не является тестовым заданием, то ключем к выполнению проекта является общение, т.к. на пути программиста слишком много "непоняток". Лучше сразу все узнавать и задавать вопросы.

Вот ссылка на "годный" материал, который тебе поможет.

[Алексей П]

uzi_no_uzi, извини, но мой ответ был не про вёрстку, а про изспользование html-тегов для решения твоей задачи.