No me funciona este codigo ajax + JSON

[augusto_jaramil]

buenas a tod@s,

Estoy tratando de hacer cancionar esta vaina pero pailas....

Código Javascript:

$.ajax({
      url: "entrada_registra.php",
      Type: "POST",
      dataType: "JSON",
      data: {comprob:"ENT", nom_comprob:"ENTRADAS ALMACEN", num:"1", detalle:[{item:"111222", descripcion:"PRODUCTO 2", cantidad:"15", vr_unit:"25.65", vr_total:"384.75"}, {item:"111555", descripcion:"PRODUCTO 5", cantidad:"30", vr_unit:"14.80", vr_total:"444.00"}]},
 
      success: function(response) {
            console.log(response);
        }
  });
 

En entrada_registra.php solo tengo print_r($_POST) He cambiado dataType a html o text pero solo muestra Array()

El string (?) de data: originalmente lo armo por fuera de $.ajax y queda asi: data: datos

Que sera lo que me sobra o lo que me falta?

Gracias de antemano por su ayuda....

[ArturoGallegos]

prueba con esto

Código Javascript:

let mis_datos = new FormData();
mis_datos.append('var1', 'contenido1');
mis_datos.append('var2', 'contenido2');
mis_datos.append('var3', 'contenido3');
mis_datos.append('var4', 'contenido4');
 
$.ajax({
  url: "entrada_registra.php",
  Type: "POST",
  dataType: "JSON",
  data: mis_datos,
  success: function(response) {
        console.log(response);
    }
 });
 

o mejor aun deja de usar jQuery para este fin, te recomiendo Axios va genial.

[augusto_jaramil]

Saludos ArturoGallegos

Implementé la opción que me sugirió:

Código Javascript:

function Registrar() {
  var mis_datos = new FormData();
  mis_datos.append("comprob",$("#comprob").val());
  mis_datos.append("nom_comprob",$("#nom_comprob").val());
  mis_datos.append("num",$("#num").val());
 
  $.ajax({
//    processData: false,
//contentType: false,
      url: "entrada_registra.php",
      Type: "POST",
      dataType: "JSON",
      data: mis_datos,
 
      success: function(response) {
            console.log(response);
           $('#dataGrid').html(response);
        },
        error: function(jqXHR, textStatus, errorThrown)
        {
            console.log(jqXHR);
            console.log(textStatus);
            console.log(errorThrown);
        }
  });
}
 

Al probar en Firefox me reporta el error:

TypeError: 'append' called on an object that does not implement interface FormData.jquery-3.4.1.js:8685:5

Al probar en GoogleChrome reporta el error:

jquery-3.4.1.js:8685 Uncaught TypeError: Illegal invocation
at add (jquery-3.4.1.js:8685)
at buildParams (jquery-3.4.1.js:8672)
at Function.jQuery.param (jquery-3.4.1.js:8709)
at Function.ajax (jquery-3.4.1.js:9301)
at Registrar (entrada_ajax.js:262)
at HTMLButtonElement.onclick (entrada.php:1)

Por otro lado, estoy buscando documentación sobre Axios... Ahí vamos....

Agradezco infinito su interés y ayuda sobre el tema....