**Getting error -> Cannot read properties of undefined (reading 'length')** Code is there on JSFiddle -> https://jsfiddle.net/gLt40fry/1/ I want display data from Airtable to Datatable using AJAX var ajaxData = $.ajax({ method:'GET', url:'localhost', success:function(response){ ajaxData = response.records console.log(ajaxData) } })La tabla de datos debe mostrar el contenido de la API de Airtable dentro de la tabla. Table usa Datatable y el código está disponible en JSFiddle. https://jsfiddle.net/gLt40fry/1/
Está accediendo a los datos antes de que se carguen desde la API. Use Promesa en su lugar.
Add code implementation after api data is received. https://jsfiddle.net/7c69k5rm/1/Código:
var getData = () => { return $.ajax({ method:'GET', url:'https://api.airtable.com/v0/appcn5JFxBMUeiYzA/lab-report?api_key=keyqyBQVPg55QG4kA', success:function(response){ ajaxData = response.records // console.log(ajaxData) } }); } getData().then(ajaxData => { console.log(ajaxData.records); var dataSet = []; for (let i = 0; i < ajaxData.records.length; i++) { var arr = []; arr.push(ajaxData.records[i].fields.Date_of_Manufacturing); arr.push(ajaxData.records[i].fields.Batch); arr.push(ajaxData.records[i].fields.Product); dataSet.push(arr); } console.log(dataSet); });eliminar registros después de ajaxData
for (let i = 0; i < ajaxData.length; i++) { var arr = []; arr.push(ajaxData[i].fields.Date_of_Manufacturing); arr.push(ajaxData[i].fields.Batch); arr.push(ajaxData[i].fields.Product); dataSet.push(arr); }