jquery - 在文档准备好之前显示 html 页面

Question

我在文档中有一些 ajax 调用准备填充表格。不幸的是，该页面仅在表格填充后才会显示。

$(document).ready(function() {
    // alert('Why');
    var jsondata2a;
    turl = "/rims/tab1/get_data?abc=123";
    $.ajax({
    url: turl+"",
    cache: false,
    async: false,
    success: function(data){
            jsondata2a = data;
    },
    error: function(){
            $("#gerror").html("<p>An error has occurred!</p>");
        }
    });

但是，如果我在就绪函数中放置警报语句，页面会立即显示警报，然后在接受警报后填充表格。

警报语句上显示完整页面，但如果警报不存在，则直到所有 ajax 调用完成后才会显示该页面。我尝试将就绪函数移动到页面的不同部分，但没有成功。我已经尝试过 IE 和 Chrome。

感谢任何帮助。

谢谢

Answer 1

这应该有效。我确信您的脚本的其他部分知道如何绘制该表格。只需在成功回调中添加该代码

$(document).ready(function() {
    // alert('Why');
    var jsondata2a;
    turl = "/rims/tab1/get_data?abc=123";
    $.ajax({
    url: turl+"",
    cache: false,
    // async: false,
    success: function(data){
            jsondata2a = data;
            for(var i=0; i< data.length; i++){
               $("#table_id").append("<tr>" ...boud data here data[i].someAttribute... "</tr>");
            }
    },
    error: function(){
            $("#gerror").html("<p>An error has occurred!</p>");
        }
    });