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"}
    ]
  });
})

从另一个javascript文件函数初始化位于html页面中的数据表

1 个答案: