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

时间:2012-05-29 20:12:37

标签: javascript jquery ajax

这是项目页面: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的新手,所以我的东西非常基本。绝对可以使用建议来“清理”我的代码。我确定它太丑了!

1 个答案:

答案 0 :(得分: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.
});