ajax局部刷新一個div下jsp內(nèi)容的方法
更新時間:2013年08月14日 17:34:24 作者:
局部刷新某個div下的jsp可以通過setInterval或者是setTimeout來輕松實現(xiàn),具體如下,有此需求的朋友可以參考下,希望對大家有所幫助
用AJAX刷新一個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ù)時增加
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4)
if(xmlhttp.status == 200)
document.getElementById("mydvi").innerHTML=xmlhttp.responseText;
}
}
</script>
如果讓這個div自動刷新的話,可以用setInterval('startrefresh()',5000),這個函數(shù)的作用是每隔5秒自動執(zhí)行一次startrefresh方法,還有一種方法是setTimeout('startrefresh()',5000),但是這個方法只會執(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ù)時增加
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4)
if(xmlhttp.status == 200)
document.getElementById("mydvi").innerHTML=xmlhttp.responseText;
}
}
</script>
如果讓這個div自動刷新的話,可以用setInterval('startrefresh()',5000),這個函數(shù)的作用是每隔5秒自動執(zhí)行一次startrefresh方法,還有一種方法是setTimeout('startrefresh()',5000),但是這個方法只會執(zhí)行一次。
相關(guān)文章
解決ajax跨域請求數(shù)據(jù)cookie丟失問題
本文主要是從前端jquery和服務(wù)端php為例,分別使用實例解決ajax跨域請求數(shù)據(jù)cookie丟失問題,推薦給有相同需求的小伙伴們。2015-03-03springmvc 結(jié)合ajax批量新增的實現(xiàn)方法
這篇文章主要介紹了springmvc 結(jié)合ajax批量新增的實現(xiàn)方法,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-11如何利用Ajax實現(xiàn)地區(qū)三級聯(lián)動詳解
這篇文章主要給大家介紹了關(guān)于如何利用Ajax實現(xiàn)地區(qū)三級聯(lián)動的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12