javascript - PHP doesnt see posted data from ajax by serializeArray()

Question

I have a form, running through jquery validation which then submits via ajax to a PHP script to handle backend functions. Ajax collects form values through serializeArray() and looks to do the job. Script fires and data is sent through(I think) to PHP. I've tried probably close to 100 combinations to receive the data at the PHP side but with no luck. I'm convinced this must be simple, something I've overlooked. Code for the ajax is below, along with a screenshot of developer tools showing what's being sent.

No matter what I try on the PHP side, I either get an empty array, NULL through $_POST/$_GET. I've tried json_decode, parsing the string, var_dump etc.

var data=$(form).serializeArray();
$.ajax({
  cache: false,
  type: "POST",
  dataType: "JSON",
  url: "process/create_site.php",
  data: data,
  success: function(response) {
    console.log(response);
    //$(form).html("<div id='message'></div>");
    //$('#message').html("<h2>Your request is on the way!</h2>")
    //  .append("<p>someone</p>")
    //  .hide()
    //  .fadeIn(1500, function() {
    //    $('#message').append("<img id='checkmark' src='images/ok.png' />");
    //  });
  }
});

question from:https://stackoverflow.com/questions/65934555/php-doesnt-see-posted-data-from-ajax-by-serializearray

Answer 1

I managed to get to the bottom of this, after an embarrassing amount of time. I'd like to post the simple reason here to help others.

The entire JS block was wrapped in $(document).ready(function(){ which was causing the values to be stripped when posting to the PHP.

I can't find any documentation or answer to a question with a similar scenario - so here it is!