Question

当我在document.ready中加载一个网页时，我调用了一个Ajax函数：

$(document).ready(function () {

    callAjaxFunction();

});

效果是网页首先显示为空字段，并且在Ajax函数完成后填充字段。如何在Ajax函数返回后显示网页（显示一次填充的字段）？

Answer 1

您可以先尝试隐藏整个文档正文，然后使用ajax回调显示它。类似的东西：

CSS：

body
{
  display:none;
}

JS：

$(document).ready(function() {
  callAjaxFunction();
});

function AjaxCallbackFunction() {
  //callback function code, populating fields
  $('body').show();
}

因此，一旦获得了ajax数据，页面就会显示填充的字段。

Answer 2

$('body').hide();
$(function() {
    callAjaxFunction();
    $('body').show();
});

jQuery：仅在document.ready之后显示网页

2 个答案: