无法读取未定义的属性（读取“长度”）

Question

**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)
        }
    })

Datatable 必须在表格内显示来自 Airtable API 的内容。 Table 使用 Datatable，代码在 JSFiddle 上可用。 https://jsfiddle.net/gLt40fry/1/

Answer 1

删除 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);
}

Answer 2

您在从 API 加载数据之前访问数据。请改用 Promise。

Add code implementation after api data is received.    
https://jsfiddle.net/7c69k5rm/1/

代码：

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);

});