инициализировать таблицу данных, расположенную на странице html, из другой функции файла javascript

Question

Я добавил таблицу данных на странице html со всеми js и css-файлами. Теперь я хочу инициализировать эту таблицу данных из другой функции файла javascript, которая имеет ajax-вызов для получения данных из webservice, так что я назначу эти данные в таблицу данных.

report.js

 function getReport(projectname){ // added for data table plugin 

     $.ajax({ 
      type:"GET", 
      url:webCallUrl, 
      complete:function(data){   
      },error:function(){ 

      } 

     }) 

    } 

test1.html

 <div id="graphic12"> 
     <table id="example" class="display" width="100%"></table> 
$(document).ready(function() { 

     $('#graphic').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>'); 

     console.log(dataArr); 

     var table=$('#example').DataTable({ 
      "aaData": dataArr, 
      "aoColumns": [ 
       {"title": "organization"}, 
       {"title": "project"}, 
       {"title": "open_tickets"} 
       ] 
}); 
}); 

Answer 1

Попробуйте this. Насколько я знаю, этот плагин имеет встроенный вариант для этого. В противном случае используйте обещания:

function getReport(projectname) { 
    return $.ajax({ 
    type: "GET", 
    url: webCallUrl, 
    complete: function (data) { 

    }, 
    error: function() { 

    } 
    }) 
} 

getReport().then(function (dataArr) { 
    $('#example').DataTable({ 
    "aaData": dataArr, 
    "aoColumns": [ 
     {"title": "organization"}, 
     {"title": "project"}, 
     {"title": "open_tickets"} 
    ] 
    }); 
})