『壹』 一個html網頁,我想刷新裡面的一部分,怎麼辦
題主可使用javascript里的ajax函數來實現html頁面里的局部刷新功能,比如:我只刷新html頁面中的某個div,把div中的內容換掉,或者數據更新,可以通過改變ajax函數的url訪問路徑來實現,可以訪問某個目錄下的文件,或者發送請求到伺服器來刷新數據都可以,這是比較常用的方法,我舉個例子:
我在html頁面中用ajax來將ajax_info.txt這個本地文本文檔中的內容重新刷新載入到id為myDiv的div控制項中,而頁面不用整個刷新。
ajax_info.txt內容為:
<p>AJAX不是新的編程語言,而是一種使用現有標準的新方法。
</p>
<p>
AJAX是與伺服器交換數據並更新部分網頁的藝術,在不重新載入整個頁面的情況下
</p>
html頁面代碼為:
<html>
<head>
<metacharset="utf-8">
<script>
functionloadXMLDoc()
{
varxmlhttp;
if(window.XMLHttpRequest)
{
//IE7+,Firefox,Chrome,Opera,Safari瀏覽器執行代碼
xmlhttp=newXMLHttpRequest();
}
else
{
//IE6,IE5瀏覽器執行代碼
xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<divid="myDiv"><h2>使用AJAX修改該文本內容</h2></div>
<buttontype="button"onclick="loadXMLDoc()">修改內容</button>
</body>
</html>
原本頁面效果為:
題主可以一試,如果覺得繁瑣,可以看看jquery的ajax函數,是經過優化和簡化的,更方便使用和上手。
『貳』 Dreamweaver怎樣用AJAX實現網頁實時顯示資料庫數據的局部刷新
jquery+ajax:
<script>
function rr(){
$.ajax({
url:'../ajax.php' ,
type:'GET',
data:{id:'8'},
success:function(data){
var d=eval("("+data+")");//服務端返回的數據為json格式才需要執行這句
$('#div').html(d);//替換內容
}
});
}
var id=setInterval(rr,1000);//每隔1s請求數據
function clear(id){//調用的時候停止請求
clearInterval(id);
</script>
『叄』 怎麼讓資料庫里的東西在網頁上實時更新
使用ajax,主要是使用javascript對網頁進行局部刷新,當然還要結合服務端進行使用,無論你使用何種服務端語言,其原理都是一樣的。具體的你可以再查查,說起來就太多了,網上應該有很多現成的例子,可以去參考下。
『肆』 如何使網頁頁面和資料庫同步刷新用php,jsp什麼的都可以
主動同步也許需要用socket,很是麻煩,我也說不清
你可以用被動的方式,大致意思就是:頁面定時詢問資料庫伺服器,數據是否有修改,如果有修改,頁面就更新自己的內容,如果無則不需要更改
為了保持頁面效率性,你可以設置定時時間為每5秒-1分鍾一次,或者更久,看內容 的具體情況
為了省流量,你可以用個資料庫變數來指示內容是否有變化,比如,數據更新的時間,這樣每次頁面只需要問下伺服器最後數據更新的時間,就知道是否需要更新資料庫,節省流量
『伍』 如何實現網頁中的數據更新
我舉個例子:
一個新聞網站要讀取最新的新聞.
那隻要
sql="select top 5 * from 表 order by ID desc"
意思是:讀取最新的5條信息......
現在就只剩下每小時更新一次數據的問題了
方法一.
<meta http-equiv=refresh content="60">
在網頁的<meta>加入下面這段代碼,則在60秒之後正在瀏覽的頁面將會自動刷新。代碼中60為刷新的延遲時間,以秒為單位。
方法二.
網頁自動刷新 ,不產生聲音的一個解決方法
刷新頁面不要用那個meta標簽中的refresh屬性。用這個一定有聲音。大家只要在body屬性裡面加上這么一句話就可以了。
<body onload="setTimeout( this.location.reload(); ,6000);">
方法三.
:<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</script>
方法四.
其實和一差不多.
<META http-equiv=refresh content="10;url=../index.htm">
『陸』 jquery ajax 更新了資料庫後局部刷新
說簡單點其實你就是要把後台的模板讀取到前面來。
用jquery ajax吧。一下是他的用法。如果你熟悉javascript的ajax的話就很簡單了。
$.ajax({
type: "get",
cache:false,//設置緩存為FALSE
url: "",//須要處理的後台頁面
beforeSend: function(XMLHttpRequest){
//在顯示之前你要干什麼?
//ShowLoading();
},
//顯示成功後你要做什麼動作,data是你重後台提交的數據textStatus是狀態,這兩個
值可以重命名比如(a,b)
success: function(data, textStatus){
$(".ajax.ajaxResult").html("");
$("item",data).each(function(i, domEle){
$(".ajax.ajaxResult").append("<li>"+$(domEle).children
("title").text()+"</li>");
});
},
//完成後你要干什麼,和成功後的區別是:不管成不成功都會到這個階段。
complete: function(XMLHttpRequest, textStatus){
//HideLoading();
}
});
『柒』 JSP局部刷新,刷新內容與資料庫相連系
好像實現不了吧!應該用ajax