Как реализовать добавление переменных POST при нажатии button?

Question

[copenhagen72]

Есть форма, в ней разные кнопки. По нажатию кнопки submit создается одна переменная, имя и значение берутся из атрибутов кнопки. Есть потребность отправлять несколько переменных при нажати кнопки. Как это сделать?
Прикинул следующий код кнопки:

<button type="button" onclick="addPOSTvar([ ['name1' , 'value1'] , ['name2' , 'value2'], ['name3','value3'] ])">Кнопка для 3 переменных</button>

и код javascript:

function addPOSTvar( params ) {  
    var form = $(this).closest('form');   
    form.append($.map(params, function (param) {
        return   $('<input>', {
            type: 'hidden',
            name: param[0],
            value: param[1]
        })
    }));  
   form.submit();

В jquery не силен, код сделал по примерам из интернета и он не работает. Что нужно исправить?

Answer 1

[copenhagen72]

Решение такое: ru.stackoverflow.com/questions/466138/%D0%94%D0%BE...

<button type="button" onclick="addPOSTvar(this, [ ['name1' , 'value1'] , ['name2' , 'value2'], ['name3','value3'] ])">Кнопка для 3 переменных</button>

function addPOSTvar(context, params ) {  
var form = $(context).closest('form');   
form.append($.map(params, function (param) {
    return   $('<input>', {
        type: 'hidden',
        name: param[0],
        value: param[1]
    })
}));  
form.submit();
}

Comments

[LinGG]

либо var form = $(this).closest('form'); заменить на var form = $('form_id'), где form_id - id формы

Answer 2

[Виктор]

Не надо ничего добавлять в $_POST. Он служит для других целей.
Добавляйте все необходимые данные в форму.

Comments

[copenhagen72]

Для каких?

[Виктор]

copenhagen72: он служит для передачи данных с клиента на сервер методом POST. Работать с ним, как с обычным массивом можно, но это будет примерно то же, что в сковородке варить компот.

Answer 3

[elailasou]

Похоже на жуткий костыль=)

Comments

[Михаил Чирский]

Вынужден согласится)

[copenhagen72]

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

[copenhagen72]

Михаил Чирский: Корзина в магазине, список товаров в корзине сделана единой формой. Как должно реализовываться удаление товара, что должно происходить программно при нажатии на крестик?

[Виктор]

copenhagen72:
1. на сервер отсылается идентификатор товара, который надо удалить
2. товар удаляется (или скрывается) в базе
3. если все прошло нормально, на клиенте удаляете элемент, в котором располагался этот товар.

[copenhagen72]

Виктор: 1 - сервер как должен понять, что его нужно удалить? Может его нужно добавить?

[Виктор]

copenhagen72: хороший вопрос. И я отвечу :-)
при отсылке идентификатора вы указываете путь к скрипту, который занимается ТОЛЬКО удалением товара. Ну или отсылаете вместе с идентификатором еще что-то типа action=remove, а в скрипте уже разруливаете по значению action.

[Михаил Чирский]

Виктор меня опередил, я не успел ответить, ну он все верно сказал, вы через ajax отсылаете id товара, удаляете его из бд скриптом, а на клиенте удаляете блок, и после перезагрузки товара не будет

[copenhagen72]

Стопэ, по второму варианту: у меня кнопка для удаления товара, она создает одну переменную с идентификатором товара. Отсылаю это еще что-то как?

[copenhagen72]

Михаил Чирский: Допустим, у меня среднивековье и не ajax. Я отсылаю id по-простому отправкой формы, как сервер должен понять удалять или прибавлять товар, что с ним делать?

[Михаил Чирский]

copenhagen72: я не знаю что у вас самописка или framework, обычно у меня это было так

function remove($id) {
return запрос к базе на удаление товара по $id;
}

[copenhagen72]

Михаил Чирский: как удалять товар объяснять не нужно, в моем ответе есть вопрос, вы на него не ответили.

[Михаил Чирский]

copenhagen72: вы спросили

как сервер должен понять удалять или прибавлять товар, что с ним делать?

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

[Виктор]

copenhagen72: у вас кнопка не создает переменную. Она в вашем случае отсылает запрос на сервер. А уж сколько в этом запросе будет переменных - да сколько захотите.

[copenhagen72]

Михаил Чирский: Я же просил не аякс, какие 2 разных запроса?! Еще раз с начала: форма, в ней есть кнопки добавления товара и его удаления, нажимается кнопка удаления товара, ею отсылается переменная с ид товара (как вы сказали) - что делать серверу, товар удалять или прибавлять?

[copenhagen72]

Виктор:

<button type="submit" name="productID" value="123">удалить товар</button>

я вижу кнопку удаления так, а как видете ее вы? Не ajax.

[Виктор]

copenhagen72:
а я вижу ее во-первых, как submit чего-то. Но вот чего? Секрет.
Во-вторых - какой именно скрипт работает при ее нажатии? Тоже секрет.

[copenhagen72]

Виктор: короче, понял: в вашем понимании каждая кнопка удаления товара должна быть в своей собственной форме, в каждую которую нужно напихать повторяющихся переменных action=remove. Решение самое простое и безыскусное, мне оно не нужно.

[Виктор]

copenhagen72: совсем необязательно. Запросто можно сделать и без формы, и искусно :-)
Но во-первых это же вы привели код:
var form = $(context).closest('form');
form.submit();
А во-вторых, если вы хотите одной кнопкой и одним скриптом и добавлять, и удалять один или несколько товаров, то в результате получите неудобоваримую кашу из кода.

[copenhagen72]

Виктор: с радостью гляну на вашу правильную реализацию корзины, основные моменты

[Виктор]

copenhagen72: прошу прощения, но заниматься в пятницу вечером выцепливанием из проекта кода полной корзины мне как-то не с руки. Тем более, что ответ вы нашли. Решение странное, но не буду занудой :-)

[copenhagen72]

Виктор: ссылки на работающий сайт, чтобы посмотреть код, вполне достаточно, я думаю

[Виктор]

ekipazh-service.com.ua

Answer 4

[Dmitry Pavlov]

При клике - отправляем AJAX post - api.jquery.com/jquery.post
Для этого сериализуем данные формы в массив - например так $( "#testform" ).serialize()
Потом добавляем в этот массив дополнительные данные - key/value - любым привычным для вас в JS способом
Ну и собственно отправляете AJAX post на сервер.

Comments

[copenhagen72]

про аякс слов не было

[Maxim Nepritimov]

copenhagen72: без аякса форма будет постоянно перезагружаться (при каждом добавлении/удалении). В настоящее время это уже не круто. Да и при помощи аякса проще, удобнее, быстрее. Глупо отказываться от этой технологии.

[Dmitry Pavlov]

copenhagen72: ну тогда да - костыли с созданием динамических инпутов формы - скрытых или явных. но в данном случае - если сть потребность добавить что-то в запрос динамически, задача явно напрашивается на замену сабмита формы - обычным POST запросом. уж как это реализовывать - с AJAX или старым дедовским постбеком - дело ваше :)

[copenhagen72]

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

[Dmitry Pavlov]

copenhagen72: ну вместо сабмита параметров формы - сделайте по клику POST запроc, собрав для него все необходимые параметры вручную