2

Есть кривая админка интернет магазина, в которой есть список товаров. Напротив каждого товара есть кнопки "Выше" и "Ниже" что перемещает товар выше/ниже на одну строку в магазине. Кнопки скрывают за собой подобный JS код:

javascript: move('catalog_elements','up',273);

Код функции move:

function move(fwhere,fwhat,fid) {
    document.command_form.command.value='move';
    document.command_form.where.value=fwhere;
    document.command_form.what.value=fwhat;
    document.command_form.id.value=fid;
    document.command_form.submit();
}

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

Кусок разметки с формой:

<form action="" id="command_form" name="command_form" method="post">
<input type="hidden" name="command" value="">
<input type="hidden" name="where" value="">
<input type="hidden" name="what" value="">
<input type="hidden" name="id" value="">
</form>
1
  • зависит от того, что внутри этого move. приведите весь код..
    – user177221
    6 мая 2015 в 21:28

2 ответа 2

3

Сложно сказать что там происходит точно, не увидев еще и серверного кода, но "просто засунуть в for" не можете.

В общих чертах вашу задачу можно решить так:

  1. Хороший путь - переписать все используя ajax вместо сабмита формы (что в соседнем ответе описывает Athari)

  2. Возможно (зависит от того что на сервере) более быстрый с точки зрения трудозатрат путь: добавить обработку параметра "на сколько позиций сдвигаем" на сервере, соответственно добавить в форму и функцию такой параметр

  3. Пути для больных извращенцев, вроде считать количество отправок формы где-нибудь в localStorage

2

Посмотрите у формы command_form атрибуты action (по умолчанию .) и method (по умолчанию GET). Ну а потом делайте AJAX-запрос вроде этого:

http://example.com/path?command=move&where=catalog_elements&what=up&id=273

Можете повторить его столько раз, сколько вам надо, а потом перезагрузите страницу (или сделайте последний вызов не асинхронным, а прежним способом — через отправку формы).

Запрос формировать можно вручную и отправлять с помощью XMLHttpRequest, а можно воспользоваться благами цивилизации: jQuery и плагином Ajax Form Plugin — это уже по вкусу. Примеры jQuery AJAX submit form.

1
  • @graalogosh Собственно, отправляйте POST запрос на тот URL, который отображается в адресной строке браузера. В качестве тела запроса используйте строку из ответа.
    – Kyubey
    6 мая 2015 в 22:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.