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

Question

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

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

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

我找到的所有答案都是关于 ajax (How to show loading spinner in 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.
});