确保JS函数在构造函数之前完全执行

Question

我正在尝试使用JS从数据库加载数据，将其存储在HTML文件的无序列表中。我有另一个脚本文件，一旦调用了jQuery构造函数，就会用jQuery修改这个无序列表。下面是我到目前为止的代码概述：

function init() {

        console.log("init");

        function fb()
        {
            //get data point from database
            var x = document.createElement("LI");
            var t = document.createTextNode(/*data from database*/);
            x.appendChild(t);
            document.getElementById("unordered_list").appendChild(x);
        }

        $('.easy-tree').EasyTree({
                addable: true,
                editable: true,
                deletable: true
        });
    }

    window.onload = init(); 

我遇到的问题是在用数据库中的正确数据更新无序列表之前调用jQuery构造函数。现在发生的事情是使用jQuery格式化空列表，然后在未格式化的情况下添加数据库数据。在fb（）方法中对数据库的调用似乎会降低方法的速度，并允许在构造函数完成之前调用它。

在调用jQuery构造函数来格式化数据之前，我需要找到一种方法来确保fb方法完全在无序列表中存储项目。我怎么能确保发生这种情况？