Tengo un formulario, digamos:
<form action="bla"> <div> <input name="form[row1][foo]" <input name="form[row1][bar]" </div> <div> <input name="form[row2][foo]" <input name="form[row2][bar]" </div> <div> <input name="form[row3][foo]" <input name="form[row3][bar]" </div> </form>Quiero convertir ese FormData a json pero cuando hago eso
var formData = new FormData(myForm); var jsonData = Object.fromEntries(formData.entries());lo que obtengo es un objeto como:
{ "form[row1][foo]": "foo1", "form[row1][bar]": "bar1", "form[row2][foo]": "foo2", "form[row2][bar]": "bar2", "form[row3][foo]": "foo3", "form[row3][bar]": "bar3" }pero lo que quiero es algo como esto:
{ "form": { "row1": { "foo": "foo1", "bar": "bar1" }, "row2": { "foo": "foo2", "bar": "bar2" }, "row3": { "foo": "foo3", "bar": "bar3" } } }¿Es eso posible y cómo?