ajax局部刷新一個(gè)div下jsp內(nèi)容的方法
更新時(shí)間：2013年08月14日 17:34:24 作者：
局部刷新某個(gè)div下的jsp可以通過(guò)setInterval或者是setTimeout來(lái)輕松實(shí)現(xiàn)，具體如下，有此需求的朋友可以參考下，希望對(duì)大家有所幫助
用AJAX刷新一個(gè)DIV中的jsp內(nèi)容
<script type="text/javascript">
var xmlhttp;
function startrefresh(){
xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST,"ss.jsp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//xmlhttp.send("name=wk"); --需要傳輸參數(shù)時(shí)增加
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4)
if(xmlhttp.status == 200)
document.getElementById("mydvi").innerHTML=xmlhttp.responseText;
}
}
</script>
如果讓這個(gè)div自動(dòng)刷新的話，可以用setInterval('startrefresh()',5000),這個(gè)函數(shù)的作用是每隔5秒自動(dòng)執(zhí)行一次startrefresh方法，還有一種方法是setTimeout('startrefresh()',5000),但是這個(gè)方法只會(huì)執(zhí)行一次。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var xmlhttp;
function startrefresh(){
xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST,"ss.jsp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//xmlhttp.send("name=wk"); --需要傳輸參數(shù)時(shí)增加
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4)
if(xmlhttp.status == 200)
document.getElementById("mydvi").innerHTML=xmlhttp.responseText;
}
}
</script>
如果讓這個(gè)div自動(dòng)刷新的話，可以用setInterval('startrefresh()',5000),這個(gè)函數(shù)的作用是每隔5秒自動(dòng)執(zhí)行一次startrefresh方法，還有一種方法是setTimeout('startrefresh()',5000),但是這個(gè)方法只會(huì)執(zhí)行一次。
相關(guān)文章
往xml中更新節(jié)點(diǎn)的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇往xml中更新節(jié)點(diǎn)的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要介紹了Ajax無(wú)刷新分頁(yè)的性能優(yōu)化方法的相關(guān)資料,需要的朋友可以參考下2015-04-04
AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺(tái)】
這篇文章主要介紹了AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作,結(jié)合實(shí)例形式詳細(xì)分析了ajax結(jié)合java后臺(tái)實(shí)現(xiàn)數(shù)據(jù)庫(kù)增刪改查相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了AjaxToolKit之Rating控件使用方法的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-06-06
下面小編就為大家?guī)?lái)一篇Ajax解決緩存的5種方法總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
利用AJAX實(shí)現(xiàn)無(wú)刷新數(shù)據(jù)分頁(yè)
這篇文章主要介紹了利用AJAX實(shí)現(xiàn)數(shù)據(jù)分頁(yè)的相關(guān)資料，如何利用AJAX無(wú)刷新直接從服務(wù)器獲取數(shù)據(jù)分頁(yè)，感興趣的小伙伴們可以參考一下2016-04-04
json獲取數(shù)據(jù)庫(kù)的信息在前端頁(yè)面顯示方法
今天小編就為大家分享一篇json獲取數(shù)據(jù)庫(kù)的信息在前端頁(yè)面顯示方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
Ajax讀取txt并對(duì)txt內(nèi)容進(jìn)行分頁(yè)顯示功能
這篇文章給大家介紹了Ajax讀取txt并對(duì)txt內(nèi)容進(jìn)行分頁(yè)顯示功能，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-11-11
react axios 跨域訪問(wèn)一個(gè)或多個(gè)域名問(wèn)題
這篇文章主要介紹了react axios 跨域訪問(wèn)一個(gè)或多個(gè)域名問(wèn)題，本文通過(guò)實(shí)例代碼截圖的形式給大家展示的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
簡(jiǎn)單實(shí)體類和xml文件的相互轉(zhuǎn)換方法
下面小編就為大家?guī)?lái)一篇簡(jiǎn)單實(shí)體類和xml文件的相互轉(zhuǎn)換方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08