教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery、Ajax、Struts2定时刷新功能的实现代码

Jquery、Ajax、Struts2定时刷新功能的实现代码

发布时间:2015-10-22   编辑:jiaochengji.com
本文介绍下,用Jquery、Ajax、Struts2实现定时刷新功能,在页面上动态显示后台程序执行的进度。有需要的朋友,参考下吧。

具体实施步骤如下。

步骤一:导入jquery插件
 

<script type="text/javascript" src="js/easyui/jquery-1.8.0.min.js"></script>

步骤二:在<body></body>中添加信息显示的地方
 

<label id="context"></label>

步骤三:在页面中添加JS代码
 

复制代码 代码示例:
<script type="text/javascript">
/**
* jquery 定时刷新
* edit www.jbxue.com
*/
setInterval("Push()",1000*60);
function Push() {
$.ajax({
type: "POST",
url: encodeURI("crmMaintenance/crmAirpolicyAction-takeAllMonitor.action"),
success: function(data) {
$('#context').text(data);
}
});}
</script>

步骤四:在Struts2中,进行请求处理
 

复制代码 代码示例:
public void takeAllMonitor() {
try {
HttpServletResponse response = ServletActionContext.getResponse();
PrintWriter out;
out = response.getWriter();
response.setCharacterEncoding("utf-8");
//...插入业务逻辑
out.print("Synchronous..." );
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}

完成定时刷新页面的效果。
存在的问题:就是out.print("")中有中文时会乱码,期待解决方法。

您可能感兴趣的文章:
Jquery、Ajax、Struts2定时刷新功能的实现代码
简单的代码实现jquery定时器
Struts2的s:radio标签使用及用jquery添加change事件
firefox下jquery ajax返回object XMLDocument处理方法
jQuery 定时局部刷新(setInterval)方法总结
用Jquery实现多级下拉框无刷新的联动
Jquery实现无闪烁定时刷新的代码
jQuery.Pjax
jquery 局部刷新(jsp环境)
formvalidator验证插件中有关ajax验证问题

[关闭]
~ ~