AJAX脚本加载 - 正确的顺序

时间:2016-08-07 12:29:27

标签: javascript ajax twitter-bootstrap datatables

关于我在AJAX POST中看到的一些行为,我有几个问题。

我在使用getScript在POST成功代码中加载3 .js文件时遇到了问题。我在浏览器刷新(测试更改)上看到有时数据表加载(不会在函数上输出错误),有时它会执行。

为什么我的数据表加载工作的时间是一半?由于我从不加载datables.js,我希望每次都会失败。假设主页中加载的javascript对AJAX加载的内容不可用,我错了吗?

我尝试过运行异步,但它似乎没有帮助。我已经尝试将getatable中的datatables.js脚本嵌套到bootstrap.js中,但是在数据表加载之前有一个HTML表的闪烁,它看起来真的很俗气。当数据表init在getScript之外时,它不会闪烁,但如前所述,它只能间歇性地工作。

以下是代码:

success: function (result) {
// successful request; do something with the data

$.getScript('js/jquery-2.2.4.js');

$.getScript("js/bootstrap.js", function (data, textStatus, jqxhr) {
    console.log(textStatus); // Success
    console.log(jqxhr.status); // 200
    if (jqxhr.status == 200) {
            //load tooltips (well.. popover)
            $(".itemToolTip").popover({
                trigger: 'hover',
            })

        // required so we can have popups when pagination occurs

            var table = $('#tblItems').DataTable({
                drawCallback: function () {
                    $('[data-toggle="popover"]').popover();
                }
            });
    }
    console.log("Load was performed.");
});

    $('#divTable').html(result);
}

0 个答案:

没有答案