ajax局部刷新一個div下jsp內容的方法
更新時間:2013年08月14日 17:34:24 作者:
局部刷新某個div下的jsp可以通過setInterval或者是setTimeout來輕松實現(xiàn),具體如下,有此需求的朋友可以參考下,希望對大家有所幫助
用AJAX刷新一個DIV中的jsp內容
<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í)行一次。
復制代碼 代碼如下:
<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í)行一次。
相關文章
AJAX實現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺】
這篇文章主要介紹了AJAX實現(xiàn)數(shù)據(jù)的增刪改查操作,結合實例形式詳細分析了ajax結合java后臺實現(xiàn)數(shù)據(jù)庫增刪改查相關操作技巧,需要的朋友可以參考下2020-06-06
利用AJAX實現(xiàn)無刷新數(shù)據(jù)分頁
這篇文章主要介紹了利用AJAX實現(xiàn)數(shù)據(jù)分頁的相關資料,如何利用AJAX無刷新直接從服務器獲取數(shù)據(jù)分頁,感興趣的小伙伴們可以參考一下2016-04-04
json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法
今天小編就為大家分享一篇json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05

