javascript - 显示图像加载器但不使用 ajax

Question

这是项目页面：http ://blog.papermusepress.com/s7/tabs/都是 html，所以请随意查看源代码。

基本上，当您在表单上输入字段时，图像会通过 URL 字符串在 adobe 的服务器上动态生成，然后通过 javascript 将图像 src 更新为 URL 字符串在页面上呈现。

每次重新生成图像时，我都试图获得一个简单的图像加载器。图像生成确实发生得如此之快，以至于可能没有必要（但我的公司希望包含它，以便客户知道产品实际上正在更新）。

我找到的所有答案都在谈论 ajax（如何在 jQuery 中显示加载微调器？）。但问题是我根本没有在项目中使用 ajax。也许我应该使用ajax？

我使用的唯一 jquery 是隐藏/显示适当的 div 的选项卡。图像生成是一个 onclick js 函数。我是 js 新手，所以我的东西真的很基础。绝对可以使用建议来“清理”我的代码。我敢肯定它丑！

Answer 1

jquery 中的 ajax 很简单。

jQuery.ajax(’url which contains code or ready flag.’).done(function(htmldata){
// if done loading do everything that is here. 
// the variable htmldata contains the html code that is output by your server.
});