如何在等待搜索结果显示时添加加载屏幕
How to add a loading screen while waiting for search result to show up?
我有一个主页,它包含一个文本字段,用于读取用户输入,发送输入的任何值,并将其发送到搜索将发生的另一个页面,并显示搜索结果。
<div>
<form action="****.jsp" method="get" id="search-id">
<input type ="text" name = "search" id="search" size="70"/><br>
<br />
<input type="Submit" value="Search" class="button rounded">
</form>
<br />
<br />
<br />
</div>
但问题是,在实际的第二页显示之前需要一些时间,因此我想在等待该页实际加载时显示一个小加载gif。我有一个gif文件准备使用,但我不知道如何实现它到网站,使它会显示后,我点击搜索按钮。
我对HTML/JS
很陌生,几天来我一直在寻找可能的方法。这可能吗?
添加一个提交事件处理程序到您的表单,使动画gif出现,不阻止表单提交。JQuery示例:
$('#search-id').submit(function() {
$('#animated-gif').show();
});
假设你有一个动画GIF隐藏在页面的某个地方:
<img src="..." style="display: none;" id="animated-gif"/>
由于您是HTML
的新手,因此您需要更多地搜索ajax and jquery
。这将完美地回答你的问题。看看这个类似的问题。
相关文章:
- 如何在Phonegap中进行AJAX调用时添加加载屏幕
- 如何在加载前添加加载动画
- 如何在网页加载之前添加加载页面
- 在谷歌地图上添加加载叠加层
- 无法添加加载栏(角度)
- 在 PHP 脚本运行时添加加载图像
- 如何在博主上添加“加载更多”按钮
- 使用jQuery Ajax添加加载和错误文本
- Jquery Ajax HTML -添加加载
- 如何在javascript,jquery和php中添加加载,同时执行
- Jquery在添加加载额外内容的脚本后停止工作
- 在使用jQuery返回表单数据之前,不要添加加载类
- 解析服务添加加载事件
- 如何在加载所有资源之前添加加载效果?
- 在提交表单时添加加载gif
- 如何添加加载文本
- 添加加载指示每当应用程序停滞
- 如何添加加载标志,而ajax从其他PHP文件中获取数据,并将其返回到当前页面
- D3.js -在AJAX请求期间添加加载通知
- 如何添加加载器在chrome扩展弹出