Как правильно отправлять данные формы?

Question

[leni_m]

Вот допустим есть div, значение которого надо передать в форме.
Чтобы передать его значение, я добавляю input type hidden,
Но это удваивает код, что мне кажется не очень правильно.
И потом на js
var params = $(form).serialize();
однако можно обойтись без input type hidden

var params = {
    val: $(div).val(),
    ...
}

Но тогда уже не использовать serialize, поэтому я предпочитаю input type hidden.
Разве нету попроще решений?
Просто столкнулся с десятками значений, которые надо передать, поэтому и назрел такой вопрос.

Answer 1

[Stalker_RED]

FormData()? Не, не слышал.

Похоже, что вы используете jQuery, хоть и не указываете в тегах. Там можно делать вот так:

var data = $('#myForm').serializeArray();
data.push({name: 'hello', value: $('#world').html()});

Вообще вся ситуация подозрительная. В чем смысл гонять куски статики туда-сюда?

Comments

[leni_m]

<div><?php echo $data; ?></div>
<input type="hidden" value="<?php echo $data; ?>" />

суть в том чтобы отобразить данные пользователю

[Stalker_RED]

leni_m, непонятно как этот кусок шаблона связан с отправкой формы или сериализацией.

[leni_m]

Stalker_RED, да знаю я как передавать значения.
Суть вопроса в том, что есть много инпутов и всех их можно передать одним .serialize().
Но в инпутах отображать данные это совсем убого. Я использую див, но используя див, и чтобы сработала .serialize() мне надо добавлять инпуты type hidden. Я же написал можно обойтись без инпутов, но тогда надо указывать вручную name и value. А вы мне и предлагаете вручную это все вбивать.

[Stalker_RED]

leni_m, нет, не предлагаю я ничего вручную вбивать. Можно перебором пройтись же.

Я вообще не понимаю смысла происходящего - зачем отправлять через формы данные, которые вы только-что перед этим отобразили на странице?

[leni_m]

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

[leni_m]

Stalker_RED, ну вы же написали аналог моего вопроса, нет?

var params = {
val: $(div).val(),
...
}

сразу бы перебор и написали.

[ThunderCat]

leni_m, я сильно извиняюсь что влезаю в разговор, но у вас если

Например отобразить данные пользователю, он жмет сохранить пдф, далее данные идут на пдф

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

[Stalker_RED]

leni_m,

var data = $('form').serializeArray() // данные из формы

$('div').each(function(i){ // ВСЕ дивы на странице
  data.push({
    name: 'div' + i,
    value: div.innerHTML // ололо
  })
})

$.ajax(...)

но смысла небыло, туды-растуды

[leni_m]

ThunderCat, Наверное да, но тут пользователь вносит еще данные. И получается в пдфе работать и с $_POST и с $_SESSION, например. И запись в сессию компенсирует время на клепку инпутов)

[Stalker_RED]

leni_m, это мрак какой-то. Данные то есть уже на сервере. Зачем их передавать на клиент, а потом обратно? Еще и потенциальная дыра, так как раскусив эту "хитрую" схему пользователь может подправить данные отправляемые в PDF.

Кстати, PDF можно и на клиенте генерировать, вообще без отправки на сервер.

[leni_m]

Stalker_RED, спасибо!
Я вот надумал, чтобы также как с инпутами было

<div data-name="phone"></div>
<div data-name="email"></div>

$('div').each(function(i){ // ВСЕ дивы на странице
  data.push({
    name: $(this).attr('data-name'),
    value: div.innerHTML // ололо
  })
})

[Stalker_RED]

leni_m, только не
$(this).attr('data-name')
а
$(this).data('name')

[ThunderCat]

Stalker_RED,

Кстати, PDF можно и на клиенте генерировать, вообще без отправки на сервер.

, ооо, поподробнее с этого места плс! Ссылку в студию!

[Stalker_RED]

ThunderCat,

Ссылку в студию!

Да пожалуйста, мне не жалко, я знаю где их еще набрать