异步调用,很早以前本人就已经开始关注使用,以前只知道使用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)”中所说的情况。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。