Hola amigos tengo una tabla que renderizo con js y una vez la tengo necesito hacer otro proceso y los datos de esa tabla convertirlos en un json, para eventualmente mandarlos por un form, encontré esta librería que pretende ayudarme https://www.github.developerdan.com/table-to-json/ y este ejemplito que es de donde me estoy guiando http://jsfiddle.net/Crw2C/173/
bueno ya descargué la librería y la incluí, con la terminal veo que estoy recibiendo jquery.tabletojson.min.js
sin problemas, pero mi error persiste
TypeError: $(...).tableToJSON is not a function , aquí les dejo lo que estoy haciendo
Scripts que me pidieron Los scripts los agrego en mi footer
<script src="~/js/jquery.tabletojson.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="~/js/calculadoradeprestamos.js"></script>
<input type="button" name="name" value="Solicitar cotización" onclick="operar()" id="submit_btn" />
<br />
<div id="error" class="panel panel-danger">
<div class="panel-heading" id="errorMsn"></div>
</div>
</div>
<div class="col-lg-6 ">
<div class=" top2 invisible" id="Tpagos">
<table class="table table-hover" id="Tablepagos">
<thead>
<tr>
<th>Núm.Pago</th>
<th>Fecha</th>
<th>Cantidad</th>
</tr>
</thead>
<tbody id="Tbodypagos"></tbody>
</table>
</div>
</div>
// esto es operar()
if (todobienytranquilamente) { console.log('yeah')}
//esto es lo que me interesa
else {
var prestamo = amount * (1 + (.20));
var pagolapso = prestamo / numpagos;
var datecreated = new Date();
var dd = datecreated.getDay().toString();
var mm = datecreated.getMonth().toString();
var yyyy = datecreated.getFullYear().toString();
var hrs = datecreated.getHours().toString();
var min = datecreated.getUTCMinutes().toString();
var dat = dd + "/" + mm + "/" + yyyy + " " + hrs + ":" + min;
document.getElementById("headMsn").
innerHTML = "<div align='center'><h2>Tabla de pagos</h2></div>";
$('#Tpagos').removeClass('invisible');
// días de pago
var numpInt = parseInt(numpagos);
let date = new Date();
let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();
for (let i = 1; i <= numpInt; i++) {
Date.prototype.addDays = function(days) {
var date = new Date(this.valueOf());
date.setDate(date.getDate() + days);
return date;
}
let d = new Date(day, month, year);
let adddays = lapsoreal * i;
let dnew = d.addDays(adddays);
// alert(i)
document.getElementById("Tbodypagos").innerHTML += `
<tr>
<td> ${ i } </td>
<td> ${ dnew } </td>
<td> ${ pagolapso } </td>
</tr>
`;
document.getElementById("errorMsn").
innerHTML = "<br/><label>Especificaciones</label><br>" +
"lapso: cada " + lapsoreal + " días - $" + pagolapso +
" / " + " número de pagos : " + numpagos +
" / total a pagar: " + prestamo + " fecha de solicitud : " +
datecreated + "<br/>" +
"" + "<br/>" +
"<section id='call - to - action' class='wow fadeIn'>" +
"<h5>¿Te gustaría recibir esta información?</h5>" +
"<input type = 'maill' placeholder = '[email protected]' name = 'mail' class='form-control top5' required />" +
"<input type = 'button' name = 'name' id='tabletojson' value = 'Enviar' class='pull-right top5 cta-btn'/>" +
"</section>";
$("#submit_btn").prop('disabled', true);
}
//aquí está mi error, les dejo lo demás solo para que tengan contexto de donde está saliendo todo
$('#tabletojson').click(function() {
var table = $('#Tablepagos').tableToJSON();
alert(JSON.stringify(table));
});
//$('#calculoform').addClass('d-none');//
}
jquery.tabletojson.min.js
esta mala , o no la agregaste bien , si quitas la referencia en el ejemplo de JSFiddle te darás cuenta que saca tu mismo error (jsfiddle.net/Crw2C/173), mira este ejemplo abre la consola en el navegador y da click al botón te muestra el mismo error, revisa tu librería