Ajax成功提交到同一页面后，$ _POST无法正常工作

Question

I create a Form after user click on a div, and I submit on same page using Ajax without reloading page.

I see that the form is submitted successfully with data when I check the network tab in dev tools but when I print $_POST or check if isset($_POST["data"]), I get $_POST is empty and the if condition is false, is there any way to get the data in PHP ($_POST) without refreshing the page.

I get no errors in console or php

When using:

form.submit();

The form is submitted and I get $_POST but the page reload, this is why I need to use Ajax

My code on Js page :

function post(path, parameters) {
    var form = $('<form id="form"></form>');

    form.attr("method", "post");
    form.attr("action", path);

    $.each(parameters, function(key, value) {
        var field = $('<input></input>');
        field.attr("type", "hidden");
        field.attr("name", key);
        field.attr("value", JSON.stringify(value));
        form.append(field);
        form.append(data);
    });

    $(document.body).append(form);  

    $.ajax({
        type: "POST",
        url: path,
        data: $("#form").serialize(),
        success: function(data) {
          $('.before').hide();
          $('.next').show();
        }
    });
    return false;
}

$('.card-container').on('click',function(e){
    e.preventDefault();
    var page = window.location.href;
    var object = {
    'array': [
      ['string1', 'string2'],
      ['string3', 'string4']
    ]
    };
    post(page, object);
});

My code on PHP page :

var_dump($_POST);
if (isset($_POST['array'])) {
    $array = json_decode($_POST['array'], true);
    print_r("ok");
}

The full code is too long to include it here.