javascript - 使用 javascript 和 datatable 获取 json 数据

Question

我有一个如下的javascript，它可以从支持的json格式中获取数据。但是我如何将它传递给另一个函数，即数据表来填充它

<script>
var returndata;

$.getJSON("/api/dashboard_data/", success);

function success(data) {
    returndata = data;
    window.alert(returndata);
    return returndata;
    // do something with data, which is an object
}

$(document).ready(function() {
      $('#example').DataTable( {
        data: returndata,
        columns: [
            { title: "Action" },
            { title: "Input" },
            { title: "State" },
            { title: "Completed" },
           { title: "Project" },
        ]
    } );
} );
 </script>

在上面的window.alert(returndata)代码中，我得到了从backed返回的json数据。

但是当我在函数就绪中使用相同的变量“returndata”时，它是空的。我怎样才能让它进入准备功能。

Answer 1

您在这里调用两个异步函数。 $.getJSON() 和 $(document).ready()。看起来 ready() 比 getJSON() 更快，这意味着当您尝试填充数据表时 returndata 为空。

尝试此操作以确保您始终具有正确的顺序:

<script>

$(document).ready(function() {
      $.getJSON("/api/dashboard_data/", function(returndata) {
           $('#example').DataTable( {
               data: returndata,
               columns: [
                    { title: "Action" },
                    { title: "Input" },
                    { title: "State" },
                    { title: "Completed" },
                    { title: "Project" },
               ]
           });
      }); 
});
</script>