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)文章
jquery中AJAX請(qǐng)求 $.post方法的使用
使用jQuery的$.post方法可以以POST形式向服務(wù)器發(fā)起AJAX請(qǐng)求.本篇文章主要給大家講解jquery中AJAX請(qǐng)求 $.post方法的使用,需要的朋友可以參考下2015-10-10解決ajax跨域請(qǐng)求數(shù)據(jù)cookie丟失問(wèn)題
本文主要是從前端jquery和服務(wù)端php為例,分別使用實(shí)例解決ajax跨域請(qǐng)求數(shù)據(jù)cookie丟失問(wèn)題,推薦給有相同需求的小伙伴們。2015-03-03springmvc 結(jié)合ajax批量新增的實(shí)現(xiàn)方法
這篇文章主要介紹了springmvc 結(jié)合ajax批量新增的實(shí)現(xiàn)方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)詳解
這篇文章主要給大家介紹了關(guān)于如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題...2006-12-12