打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
实现异步调用
          异步调用,很早以前本人就已经开始关注使用,以前只知道使用AJAX实现异步调用,今日有偶得开眼,学会了另一种异步调用的方法。特有大家分享,请勿笑,本人的浅陋学识。
          本小代码的意图为:像大多数网页一样,选择一些部分,使其在其余页面功能实现显示之后,在展现出来。从而能够减少用户的等待的焦急程度,因为先呈现出来的部分可以先进行阅读,浏览。
async.jsp:
***************************************************************************************************************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script language="javascript">
$(document).ready(function(){
 $("#waitjsp").load("/jsp/user/loading.jsp");
});
</script>
<div style="color:green;">--------------------------------------------异步调用(非AJAX)------------------</div>
       <div id="waitjsp">
       <br/>
       <br/>
          <img src="/images/waiting.jpg"/>
       <br/>
       <br/>
       </div>
<div style="color:green;">--------------------------------------------异步调用(非AJAX)------------------</div>
******************************************************************************************************************************************
loading.jsp:
******************************************************************************************************************************************
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

正在加载。。。。。。。。。
******************************************************************************************************************************************
(1)$("#waitjsp").load("/jsp/user/loading.jsp");这行代码的写法应该非常多样,可以写成这样的$("#waitjsp").load("UserAction!list.action");
  (2)代码正确运行效果是这样的,先显示出waiting.jpg图片,然后在所有在其他操作完成的情况下,很快再执行load()方法的内容。
(3)loading.jsp并不是必须的在这程序中,如果改为“(1)”中所说的情况。

 
 
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
tabbedPanel标签
Struts2对Ajax的支持
jQuery ajax实现顶一下,踩一下效果
竖侧移动字代码
漂亮的滚动字模代码
链接代码举例
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服