我想做一些非常简单的事情。
我的页面上有一个按钮
我的页面上有一个按钮
- <form action="/process" method="POST">
- <input class="btn btn-large btn-primary" type="submit" value='Analyze Topics'>
- </form>
现在我想要的是用户按下这个提交按钮。它显示“加载”gif动画，直到它从服务器获取响应。
但是我一直在努力奋斗。
如何实现？
解决方法
如果你使用ajax(尽可能简单)
>将您的加载gif图像添加到html并使其隐藏(现在使用html本身的样式，您可以将其添加到单独的CSS)：
- <img src="path\to\loading\gif" id="img" style="display:none"/ >
- $('#buttonID').click(function(){
- $('#img').show(); //<----here
- $.ajax({
- ....
- success:function(result){
- $('#img').hide(); //<--- hide again
- }
- }
确保您也可以将图像隐藏在ajax错误回调上，以确保gif隐藏，即使ajax失败。
