posing an array from jQuery to php

Question

I posted a smaller to this yesterday and was shown how to do this but it doesn't work and the user never got back to me and I have been working on the same problem for hours.

I am trying to post a checkbox array from jQuery to php, when I run my code nothing seems to happen and when I try var_dump($_POST) this is all I get

Well for starters, where is the checkbox array? All i see is 5 hidden inputs with no values. — Deckerz, May 04 '17 at 08:40
Please do not ask new questions just because one person does not return immediately. — mplungjan, May 04 '17 at 08:40
Also when you post, remove the snippet comment after clicking TIDY if the snippet does not actually run — mplungjan, May 04 '17 at 08:42
I think you just have a several forms on the page so $('form').serialize wouldn't work as expected — Alex Slipknot, May 04 '17 at 08:42
i don't see any *.submit-button* any class in your submit button — JYoThI, May 04 '17 at 08:45
@Beck - we really need a [mcve] - you are wasting our time with not showing the actual code or HTML of what you are running — mplungjan, May 04 '17 at 09:18
How can you receive "Save Result" when there is no "Save Result" anywhere in your code? — mplungjan, May 04 '17 at 09:25

score -1 · Answer 1 · edited May 23 '17 at 12:02

-1

Using this question as a reference, it seems that jQuery doesn't handle arrays too well. You can use to snippet from the accepted answer and it should work just fine.

serialize().replace(/%5B%5D/g, '[]')

edited May 23 '17 at 12:02

Community

1
1

answered May 04 '17 at 08:41

Maciej Wilczyński

379
1
5
13

mplungjan · Answer 2 · 2017-05-04T14:52:57.947

-1

Change the submit to a button or better use the form's submit event
why data-type html?
Your php does not seem to react to the serialised data but returns a button...

try my code here: http://plungjan.name/SO/sport.php

I am not unravelling the check box array - that is up to you

<?PHP
if (isset($_POST['saved'])) {
  echo "saved"; exit(0);
}
else if (isset($_POST['Submit'])) {
  echo var_dump($_POST["sport"]); exit(0);
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Sports quiz</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function() {
  $('#myForm').on("submit", function(ev) {
    ev.preventDefault(); // cancel submit
    var $form = $(this);
    if ($("[type=checkbox]:checked").length ==0) {
      alert("Please check one or more");
      return false;
    }
    var formData = $form.serializeArray();
    formData.push({name:"Submit",value:"submit"}); // note I changed the name from submit to Submit
    $.post('sport.php',formData, function(data) {
      console.log("Data",data);
      if (confirm('You want to save \n' + data + ' as your sport?')) {
        formData = $form.serializeArray();
        formData.push({name:"saved",value:"saved"});
        $.post('sport.php',formData,function(data) {
          console.log("Saved Data",data);
        });
      }
    });
  });
});
</script>
</head>
<body>


<form id="myForm">
  <input type="checkbox" name="sport[]" value="Football">Football<br>
  <input type="checkbox" name="sport[]" value="Rugby">Rugby<br>
  <input type="checkbox" name="sport[]" value="Golf">Golf<br>
  <input type="checkbox" name="sport[]" value="Basketball">Basketball<br>
  <br> <input type="submit" class="btn btn-info" name="Submit" value="submit">
</form>
</body>
</html>

edited May 04 '17 at 14:52

answered May 04 '17 at 08:47

mplungjan

169,008
28
173
236

still no joy with it – Beck May 04 '17 at 08:49
what does what mean? – Beck May 04 '17 at 08:56
when I run the console there are no errors appearing – Beck May 04 '17 at 08:59
I did a var_dump($_POST) and get array(1) { ["save"]=> string(11) "Save Result" } – Beck May 04 '17 at 09:00
tried that but no luck with it, I have a var_dump in the code I didn't post – Beck May 04 '17 at 09:21
echo ''; – Beck May 04 '17 at 09:31
I echo it to check if it is being posted or not – Beck May 04 '17 at 09:53
console.log doesn't seem to show anything and I get no errors displaying in the console – Beck May 04 '17 at 11:37
why is this? any idea how I would get it to run? – Beck May 04 '17 at 13:32
i think it isn't picking up the form, could it be because the form is on another page? – Beck May 04 '17 at 13:55
Whoever voted this down, please tell me why so I can improve the answer? – mplungjan May 05 '17 at 11:35

posing an array from jQuery to php

2 Answers2