Uncaught TypeError：未定義の 'indexOf'プロパティを読み取ることができません

Question

Web APIからのデータをテーブルにフェッチしているときに、Uncaught TypeError：未定義の 'indexOf'プロパティを読み取ることができません。 Web APIがチェックして、データを返します。

$("#divTable").empty(); 

$('#divTable').GenerateTable({ 
    tableID: "datatable1", 
    //order: [[ 1, 'asc' ]], 
    sourceDataUrl: ApiPath + "Dashboard/GetRegulatoryTable?Type=" + type + "&Subject=" + subject + "&Month=" + month + "&Year=" + year, 
    autoColHeader: { 
     enable: "false", 
     colHead: ["Update ID", "Month", "Year", "Subject", "Description", "Document Path", "Created By", "Created Date"] 
    }, 
    disableColindex: "[]", 
}); 

if ($("#datatable1").html().indexOf("No data available", 1) > 1) { //here its throwing an error 
    swal("", "No Data Available", "warning"); 
    $("#divTable").empty(); 
} 
else { 
    $(".cutsdata").DataTable(); 

    $('#btnDownload').show(); 
} 

Answer 1

$('#divTable').GenerateTable({ 
    tableID: "datatable1", 
    //order: [[ 1, 'asc' ]], 
    sourceDataUrl: ApiPath + "Dashboard/GetRegulatoryTable?Type=" + type + "&Subject=" + subject + "&Month=" + month + "&Year=" + year, 
    autoColHeader: { 
     enable: "false", 
     colHead: ["Update ID", "Month", "Year", "Subject", "Description", "Document Path", "Created By", "Created Date"] 
    }, 
    disableColindex: "[]", 
}); 

あなたのHTMLでテーブルを作成する - それはほぼ確実に（sourceDataUrlが言及されていることを与えられた）非同期にそれをしません。

のような、場合：

if ($("#datatable1").html().indexOf("No data available", 1) > 1) { //here its throwing an error 

実行GenerateTableはまだその作業（datatable1のIDでテーブルを生成することとなっている部分）が終了していません。

これを解決するには、GenerateTableが完了するまでif文の実行を遅らせる必要があります。 GenerateTableは、おそらく表は、HTMLに挿入されたことを示すために、コールバックのいくつかの形態（例えばonsuccess）を有しています。