Tenho a seguinte estrutura em html
:
<form id="titulo">
<input type="text" name="nome">
</form>
<form id="turno1">
<div class="linha">
<input type="text" name="dia">
<input type="text" name="inicio">
<input type="text" name="fim">
</div>
<div class="linha>
<input type="text" name="dia">
<input type="text" name="inicio">
<input type="text" name="fim">
</div>
</form>
<form id="turno2">
<div class="linha">
<input type="text" name="dia">
<input type="text" name="inicio">
<input type="text" name="fim">
</div>
<div class="linha>
<input type="text" name="dia">
<input type="text" name="inicio">
<input type="text" name="fim">
</div>
</form>
Eu consigo pegar o valor de todos os campos com o javascript
. Também consigo separar certinho os valores dos inputs
dia, inicio e fim, referente a cada um dos formulários.
Porém, eu gostaria de construir uma estrutura como esta:
{
"nome" : [{
"turno1" : [{
"dia" : [{
"inicio" = "valor_inicio",
"fim" = "valor_fim"
}],
"dia" : [{
"inicio" = "valor_inicio",
"fim" = "valor_fim"
}],
}],
"turno2" : [{
"dia" : [{
"inicio" = "valor_inicio",
"fim" = "valor_fim"
}],
"dia" : [{
"inicio" = "valor_inicio",
"fim" = "valor_fim"
}],
}]
}
Depois enviar via $.ajax()
e com o PHP
inserir em uma collection
no mongodb
.
Como eu monto este objeto? Reforço que a minha dúvida não é como enviar via ajax e inserir no mongodb. Somente como eu construo este objeto.
Após ajuda, consegui desenvolver o seguinte código:
var obj = {};
$("form").each(function (i) {
if (i == 0) {
form1 = $("[titulo='Nome']", $(this)).val();
obj[form1] = [{}];
} else {
formulario = $(this).attr("id");
linha = "#" + formulario + " .linha";
$(linha).each(function () {
obj[form1][0][formulario] = [{
[$("[name='dia']", $(this)).val()]: [{
"inicio": $("[name='inicio']", $(this)).val(),
"fim": $("[name='fim']", $(this)).val(),
}]
}]
});
}
});
Porém ele retorna somente o valor referente à primeira linha.
name="dia"
ou simplesmente a string dia, mesmo?