Javascript 从另一个组件更新数据表

我正在使用用于jquery的datatables表插件。我有另一个组件，它使用Ajax从服务器检索对象。我想用这个对象更新数据库。我正在努力想如何把这件事拼凑起来。Ajax返回一个对象，该对象的格式为datatable将接受的数据格式。但是如何从另一个组件Ajax调用更新datatable呢？我正在使用python flask和jinja2模板。以下是当前存在的javascript：

$(function() {
    var container = document.getElementById('visualization');
    var items = new vis.DataSet({{documents|safe}});
    var options = {};
    var timeline = new vis.Timeline(container, items, options);

    timeline.on('select', function (properties) {
        $.getJSON('/getDependencyHistory', {
            uuid: properties.items[0]
        }, function(data) {
            console.log("Place this into the datatable");
        });
        return false;
    });
});

$(document).ready(function() {
    var table = $('#example').DataTable();
});

---

这里有一个非常简单的方法愚弄了ajax调用

去

单击RunwithJS按钮初始化所有内容。点击go按钮获取数据

$(document).ready(function() {
     // created a global variable for the datatable to us to find the data
     var dtData = null;

     // On the button click, use regular ajax to get the data
     $("#btnGo").on("click", function(){
         $.ajax({url:"http://live.datatables.net/examples/server_side/scripts/server_processing.php",

             success:function(cData){
                    // on success, set the global variable then reload table
                    dtData = JSON.parse(cData);
                    $('#example').DataTable( ).ajax.reload();
                },
                error:function(err){debugger;}}  ); 
      });

      // initialize the table on page load
      $('#example').DataTable( {
          "ajax": function(a,callback,c){
               callback(dtData);
           }
       });
     });

---

来自getJSON的数据是完整表更新还是只是更新某些行？目前，我假设selectbox上的每个更改都会使用新数据完全重新填充datatable。顺便说一句，$document.readyfunction和$function{正在做相同的事情，因此您可以使用其他代码实际移动datatable。