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

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

$(document).ready(function () {

    callAjaxFunction();

});

---

其效果是，网页首先显示为空字段，在Ajax函数完成后，填充字段。如何仅在Ajax函数返回立即填充的显示字段后显示网页？

您可以尝试先隐藏整个文档正文，然后使用Ajax回调显示它。比如：

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

CSS:

JS:

---

因此，一旦您有了ajax数据，页面将显示填充了字段的页面。

body{display:none}…ajax回调…$'body'。显示与呈现初始状态服务器端相比，这有什么意义？我知道数据传输会有点繁重，但添加连接的延迟似乎会更糟。从服务器加载它以启动…这将在ajax调用启动后立即执行.show，而不是调用返回并填充回调中的数据。我认为这不是我想要的行为。将$body.显示到Callajax函数中；确切地或者使用回调函数调用$'body'.show；如果callAjaxFunction接受回调函数passing.Gosh，那么您是如何得出这个答案的eyes@j08691一开始我真的很困惑，但后来我看到你在我发帖前12分钟评论了这个答案。有时人们在多个标签页中打开多个页面，因此他们并不总能看到最新的版本，这会让你感到惊讶吗？另外，如果你有答案，为什么不把它作为答案发布呢？这样，OP就可以选择你的答案，问题就会被标记为已回答。我刚开始在这里发帖，所以可能我遗漏了什么？

body
{
  display:none;
}

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

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