Cannot retrieve serialized checkbox array data in PHP from ajax send

Question

I am having difficulty retrieving my checkbox array data in my called PHP from an ajax send of a serialized form. I can call up all of the other form fields, but not the checkbox array. Can anyone help? I'm pulling my hair out here. :(

My Form:

<form id="registration" method="POST" action="">
 <input type="text" id="pFirst" name="pFirst" class="form-control" placeholder="First">
 <input type="text" id="pLast" name="pLast" class="form-control" placeholder="Last">
 <input type="checkbox" name="class[]" value="1">
 <input type="checkbox" name="class[]" value="2">
 <input type="checkbox" name="class[]" value="3">
 <input type="checkbox" name="class[]" value="4">
 <button type="submit">Register</button>
</form>

My ajax:

function OnSubmit(form){
  $.ajax({
  url:'processRegistration.php',
  type:'post',
  data: $(form).serializeArray(),
  success:function(response){
    var msg = "";
    if(response == "1"){
      msg = "Registration Received";
    }else{
      msg = "Sorry, something went wrong. Please contact the Web Admin.";
    }        
    //alert(msg); 
    alert(response);   
  }
  });
}

My PHP receiver:

echo $_POST['pFirst'].', '.$_POST['pLast'].', '.$_POST['class'];

In my Ajax, I alerted the response so I could see what is returned. If I leave the echo in the receiver the way I show it in my code, I get the error "Undefined array key 'class'". If I leave the $_POST['class'] off, I get the first and last names. I also looked at this solution:Send array with checked Checkbox value and retrieve as string in php but it uses JSON.stringify() and I want to keep the form data in URL encoded format.

What I need to happen is to be able to access the checked checkboxes passed by the serialized form while still being able to call up each passed form field as a $_POST item.

Azal · Accepted Answer · 2024-07-03 02:03:34Z

0

Looking at your instructions I think it should be possible to get the data you want directly through the use of $_POST['class'] directly in php, but you say it's not possible, so I can provide you with an idea of how to check this and you can try it.

First you need to print the result of your serializeArray() method to make sure you are transferring out the correct data:

    $(document).ready(function () {
        $("#registration").on("submit", function (event) {
            console.log($(this).serializeArray());
            event.preventDefault();
        });
    })

<head>
    <script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js">
    </script>
</head>

<form id="registration" method="POST" action="">
    <input type="text" id="pFirst" name="pFirst" className="form-control" placeholder="First">
    <input type="text" id="pLast" name="pLast" className="form-control" placeholder="Last">
    <input type="checkbox" name="class[]" value="1">
    <input type="checkbox" name="class[]" value="2">
    <input type="checkbox" name="class[]" value="3">
    <input type="checkbox" name="class[]" value="4">
    <button type="submit">Register</button>
</form>

You can also directly use the F12 tool to view the data sent out by ajaxenter image description here

If the outgoing data is fine, then it's received in php, and you can pass the

var_export($_POST);die();

To confirm all the post data array, you will see that one of the key is class, his value is an array, that inside is the value of all your checked checkbox, he is probably like this:

array (
   'pFirst' => '123',
   'pLast' => '123',
   'class' => 
        array (
            0 => '3',
            1 => '4',
        ),
 )

answered Jul 3, 2024 at 2:03

Azal

813 bronze badges

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

4 Comments

Barry Beach Over a year ago

OK, I checked the result of my serialized array and it looks like it should. I then used var_export in my PHP receiver and echoed that back, and it looks just like the array above. So the question remains, how can I access the class array in my PHP as a $_POST item just like I can do with the pFirst and pLast fields? Or do I need to handle those differently?

Barry Beach Over a year ago

Alright. I have come up with a solution. In my PHP I am parsing the passed form data using parse_str into a PHP array. Then I just refer to the new array with the field names to get those values (pFirst, pLast). As for the class array, I access the second dimension of the array to get each value. But after all that, doesn't doing it this way kind of defeat the purpose of serializing in JQuery in the first place?

Azal Over a year ago

Honestly, I never understood what your problem was? I think you can just use $_POST['class'] to get the information you want, he's just a php array!

Azal Over a year ago

Or maybe your question is? It doesn't show up when you echo $_POST['class']? Can you use implode php.net/manual/en/function.implode?

Collectives™ on Stack Overflow

Cannot retrieve serialized checkbox array data in PHP from ajax send

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related