Отправка без перезагрузки, спиннер и очистка полей?

Question

[webseodesigner]

Пробую создать форму добавления товаров на сайте.
Необходимо сделать отправку формы без перезагрузки страницы, во время загрузки фотографий запустить спиннер, по окончанию процесса загрузки вывести сообщение о успешно \ не успешно.
Во всех примерах отправки без перезагрузки используется три файла и следующий js код:

url:     url, //url страницы (obrabotchik_form.php)
        type:     "POST", //метод отправки
        dataType: "html", //формат данных

В моём случае есть два файла, яваскриптовый и пхп с хтмл формы.
У меня страница вида:site.com/forma
url: "" \ "forma" \ "/forma" не работает
html код страницы и php код обработчика формируются cms
При отправке post с кнопки button всё обрабатывается отлично, но если прикручивать яваскрипт то в "url" нужно прописывать путь к файлу обработчику, а мне нужно отправлять пост запрос на текущую страницу сайта.

Comments

[bpGusar]

ну так и отправь на текущую страницу, в чем проблема?

Answer 1

[irishmann]

AJAX на JQuery

Answer 2

[Андрей]

<form>
  <button>submit</button>
</form>

Вешать событие не на button.onclick а на form.onsubmit

Comments

[webseodesigner]

проблема в обработке POST запроса.
Он должен обрабатываться текущей страницей сайт.ком/форма
А по факту обрабатывается только php файлом обработчиком вот так:
url, "/obrabotchik_form.php"
А необходимо:
url, "site.com/form"
Как то так

[Андрей]

webseodesigner, дак не указывайте url и будет текущей страницей обрабатываться