<?php

    $compraEfectivo = new ControladorCompraEfectivoYTarjeta();
    $compraEfectivo -> ctrCompraEfectivo();

?>

<input type="hidden" id="campoExtra" name="campoExtra" value="">

$("#btnCheckout").click(function(){

    var total = $(".valorTotalCompra").html();
    var envio = $(".valorTotalEnvio").html();
    var subtotal = $(".valorSubtotal").html();
    var titulo = $(".valorTitulo");
    var cantidad = $(".valorCantidad");
    var valorItem = $(".valorItem");
    var idProducto = $('.cuerpoCarrito button, .comprarAhora button');

    var tituloArray = [];
    var cantidadArray = [];
    var valorItemArray = [];
    var idProductoArray = [];

    for(var i = 0; i < (titulo.length/2); i++){

        tituloArray[i] = $(titulo[i]).html();
        cantidadArray[i] = $(cantidad[i]).html();
        valorItemArray[i] = $(valorItem[i]).html();
        idProductoArray[i] = $(idProducto[i]).attr("idProducto");

    }

    var arrayFinal = new Array();

    for(var i = 0; i < (tituloArray.length); i++){

        arrayFinal[i] = {'titulo' : tituloArray[i], 'cantidad' : cantidadArray[i], 'valorItem' : valorItemArray[i], 'idProducto' : idProductoArray[i]}

    }

    document.getElementById("campoExtra").value = arrayFinal;

})

$array = $_POST["campoExtra"];
var_dump[$array];

$array = json_decode($_POST["campoExtra"]);
var_dump($array);