form name array not working

Question

What could be causing my array from not forming correctly? I get the following result.

array(1) {
   ["element[119"]=>
   array(1) {
     ["data"]=>
     string(1) "0"
   }
 }

When it the result should look like this.

array(1) {
  ["element"]=>
  array(1) {
    ["119"]=>
    array(1) {
      ["data"]=>
      string(1) "0"
    }
  }
}

Simplified front end:

<input class="custom-control-input data is-valid" data-parent="0" data-qid="119" name="element[119][data]" id="119-Yes" type="radio" onchange="showTextBox(this)" value="1" checked="">

<script type="text/javascript">
var formData = {};
          $(form).find(":input.data:visible, input[type=hidden].data").each(function (index, node) {
              formData[node.name] = node.value;
          });
          console.log(formData);
$.ajax({
            url: "index.php?route=form/form/saveSection",
            data: { form_id: $("#formRequest").data("formsaveid"), section_id: $("#formRequest").data("currentsectionid"), path: $("#formRequest").data("formpath"), action: "saveSection", data: formData},
            dataType: "json",
            method: "POST",
            beforeSend: function() {
              console.log("Saving Section...");
              console.log("Section ID: "+$("#formRequest").data("currentsectionid"));
              console.log(postData);
            },
            success: function(data) {
            }
          });
</script>

Simplified back end:

var_dump($data);exit;

Adam Copley · Accepted Answer · 2018-07-27 10:40:26Z

1

The issue is happening with the way you manipulate the data with

$(form).find(":input.data:visible, input[type=hidden].data").each(function (index, node) {
      formData[node.name] = node.value;
});

really you need to serialize the entire form and convert it to json, so replace the above with this:

var formData = JSON.parse($(form).serializeArray());

Then you can:

<?php
    var_dump($_POST['data']);

edited Jul 27, 2018 at 10:40

answered Jul 18, 2018 at 13:32

Adam Copley

1,5131 gold badge14 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

MrPlow254 Over a year ago

That way isn't dynamic. My way I can add infinite depth to the array. It has something to do with post call from php. The json data saved into the post is {element[119][data]:"0"}

Adam Copley Over a year ago

Your way doesn’t add infinite depth because it is setting your name keys incorrectly. What you actually need is to recursively look at these brackets in the field name and create a new depth if you need it to be dynamic. My example here just solves the problem you posed. I’ll re-do this shortly

MrPlow254 Over a year ago

Okay. It pretty much needs to emulate what happens when submitting a form. Instead using ajax. I would have assumed the post data looks exactly the same (name: value), but obviously doesn't since it isn't working.

Adam Copley Over a year ago

I've updated the answer which should now solve your problem, sorry for the delay.

Adam Copley Over a year ago

Have you tested my way? The reason why it is breaking is because your loop isn’t doing what you think it is.

|

pr1nc3 · Accepted Answer · 2018-07-18 13:27:53Z

0

name="[element][119][data]"

Try to encapsulate everything inside array brackets in your name tag in HTML.

answered Jul 18, 2018 at 13:27

pr1nc3

8,3763 gold badges27 silver badges40 bronze badges

1 Comment

MrPlow254 Over a year ago

It just moves where this bracket issue is happening.array(1) { ["[element"]=> array(1) { [119]=> array(1) { ["quantity"]=> string(1) "0" } }

Collectives™ on Stack Overflow

form name array not working

2 Answers 2

10 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related