Jquery、Ajax、Struts2完成定時(shí)刷新的方法
更新時(shí)間：2013年05月10日 09:35:13 作者：
今天一個(gè)需求，需要在頁(yè)面上動(dòng)態(tài)顯示后臺(tái)程序執(zhí)行的進(jìn)度，那么在頁(yè)面上會(huì)定時(shí)刷新，使用了Jquery、Ajax、Struts2。直接上代碼：
步驟一：導(dǎo)入jquery插件
<script type="text/javascript" src="js/easyui/jquery-1.8.0.min.js"></script>
步驟二：在<body></body>中添加信息顯示的地方
<label id="context"></label>
步驟三：在頁(yè)面中添加JS代碼
<script type="text/javascript">
setInterval("Push()",1000*60);
function Push() {
$.ajax({
type: "POST",
url: encodeURI("crmMaintenance/crmAirpolicyAction-takeAllMonitor.action"),
success: function(data) {
$('#context').text(data);
}
});}
</script>
步驟四：在Struts2中，進(jìn)行請(qǐng)求處理
public void takeAllMonitor() {
try {
HttpServletResponse response = ServletActionContext.getResponse();
PrintWriter out;
out = response.getWriter();
response.setCharacterEncoding("utf-8");
//...插入業(yè)務(wù)邏輯
out.print("Synchronous..." );
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}
到此，就可以實(shí)現(xiàn)定時(shí)刷新頁(yè)面的效果，但是還存在一點(diǎn)問(wèn)題，就是out.print("")中有中文的時(shí)候，有亂碼問(wèn)題，如果哪位大俠知道怎么處理，還希望指點(diǎn)一二。
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="js/easyui/jquery-1.8.0.min.js"></script>
步驟二：在<body></body>中添加信息顯示的地方
復(fù)制代碼 代碼如下:
<label id="context"></label>
步驟三：在頁(yè)面中添加JS代碼
復(fù)制代碼 代碼如下:
<script type="text/javascript">
setInterval("Push()",1000*60);
function Push() {
$.ajax({
type: "POST",
url: encodeURI("crmMaintenance/crmAirpolicyAction-takeAllMonitor.action"),
success: function(data) {
$('#context').text(data);
}
});}
</script>
步驟四：在Struts2中，進(jìn)行請(qǐng)求處理
復(fù)制代碼 代碼如下:
public void takeAllMonitor() {
try {
HttpServletResponse response = ServletActionContext.getResponse();
PrintWriter out;
out = response.getWriter();
response.setCharacterEncoding("utf-8");
//...插入業(yè)務(wù)邏輯
out.print("Synchronous..." );
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}
到此，就可以實(shí)現(xiàn)定時(shí)刷新頁(yè)面的效果，但是還存在一點(diǎn)問(wèn)題，就是out.print("")中有中文的時(shí)候，有亂碼問(wèn)題，如果哪位大俠知道怎么處理，還希望指點(diǎn)一二。
相關(guān)文章
JBuilder2005單元測(cè)試之創(chuàng)建測(cè)試固件
這篇文章主要介紹了JBuilder2005單元測(cè)試之創(chuàng)建測(cè)試固件2006-10-10
post提交時(shí)中文亂碼，想必大家都有遇到過(guò)吧，采用的解決方法是在網(wǎng)頁(yè)端轉(zhuǎn)碼，在服務(wù)器端再轉(zhuǎn)回來(lái)，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-10-10
java對(duì)XML文件的解析、節(jié)點(diǎn)的增加、刪除操作總結(jié)
java對(duì)XML文件的解析、節(jié)點(diǎn)的增加、刪除操作總結(jié)，需要的朋友可以參考下。2009-11-11
圖片路徑正確，放到一個(gè)單獨(dú)的html頁(yè)面中也能正常打開(kāi)，在jsp中就是不顯示圖片，下面有個(gè)不錯(cuò)的解決方法，大家可以嘗試下2014-01-01
ssh項(xiàng)目環(huán)境搭建步驟(web項(xiàng)目)
這篇文章主要介紹了ssh項(xiàng)目環(huán)境搭建步驟(web項(xiàng)目),需要的朋友可以參考下2014-05-05
下面小編就為大家?guī)?lái)一篇淺談jsp文件和HTML互相引入的亂碼問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
JSP開(kāi)發(fā)之生成圖片驗(yàn)證碼技術(shù)的詳解
這篇文章主要介紹了JSP開(kāi)發(fā)之生成圖片驗(yàn)證碼技術(shù)的詳解的相關(guān)資料,希望通過(guò)本文能幫助到大家實(shí)現(xiàn)圖片驗(yàn)證碼技術(shù)，需要的朋友可以參考下2017-09-09
解決request.getParameter取值后的if判斷為NULL的問(wèn)題
這篇文章主要介紹了解決request.getParameter取值后的if判斷為NULL的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
多個(gè)文件上傳是很多時(shí)候都會(huì)遇到的問(wèn)題，本文主要介紹了基于jsp的AJAX多文件上傳的實(shí)現(xiàn)內(nèi)容，這里整理了詳細(xì)的代碼，有需要的朋友可以參考一下。2016-10-10
詳解Hibernate cascade級(jí)聯(lián)屬性的CascadeType的用法
這篇文章主要介紹了詳解Hibernate cascade級(jí)聯(lián)屬性的CascadeType的用法的相關(guān)資料,需要的朋友可以參考下2017-02-02