如何在javascript变量中预加载html

我有一个我正在开发的网站。我正在使用jquery制作动画并显示内容。此内容存储在vars中。我需要知道如何在显示内容之前加载内容

为了澄清，您单击一个链接，“加载…”窗口淡入，一旦加载所有内容，它淡出并淡入存储在VAR中的加载内容

---

谢谢

您是否正在寻找如何通过AJAX请求HTML内容，知道何时完成，然后将其插入DOM？如果是这样的话，jQuery的方法可能就是您想要的

---

Steve

AJAX事件不会告诉您加载了多少百分比，事实上，在大多数情况下，它不知道响应将持续多长时间。但当响应完成或出现错误时，它会通知您

看看官方的参考资料。我最初的回答是错误的，因为我想你已经有了数据。ajax请求的简化用例是：

> Initiate the Request, and set the handler for ajax complete (thru something like $.Ajax)
> Hide the content pane and show the loader
> When ajax complete, you display your content, and hide the loader

---

以下是原始答案

---

我认为您所说的是客户端计算机内存中已经存在的内容，但您希望在加载完成后立即显示所有内容。听起来像是离线媒体中的“双缓冲”

您可以做的是：

// Display the loading screen, you can put any animation
$("#loader").fadeIn();
$("#contentPlaceHolder").hide();
// attach the DOM of the contents to placeholder.
$("#contentPlaceHolder").append(CONTENTS);
// .... similar statements follows.
// and finally..
$("#contentPlaceHolder").show();
$("#loader").fadeOut();

---

嗯，一个ajax请求？这是一个相当模糊的问题……是的，你是在问如何使用ajax吗？还是别的？非常感谢。还有一个问题，我有没有办法找到已经加载的百分比，所以当它达到100%时，我可以淡出加载程序对话框，在内容中，就像上面的人写的一样，你必须告诉我们你要用什么方法加载你的内容。是来自AJAX吗？如果是AJAX，您可能只知道加载是否完成，而不知道加载的百分比。