導航:首頁 > 編程大全 > 網頁只刷新部分資料庫

網頁只刷新部分資料庫

發布時間:2023-02-16 04:41:22

『壹』 一個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

閱讀全文

與網頁只刷新部分資料庫相關的資料

熱點內容
4kb的txt文件差不多多少字 瀏覽:984
u盤文件突然變成exe 瀏覽:164
現在哪些學校初中有學編程的 瀏覽:402
word查找全選 瀏覽:599
開工報告附什麼文件資料 瀏覽:150
分區工具app怎麼用 瀏覽:212
安卓堅果雲文件路徑 瀏覽:591
sqllog文件 瀏覽:236
如何在電腦中找到文件路徑 瀏覽:830
數據結構訪問和查找有什麼區別 瀏覽:401
怎麼清空icloud內的數據 瀏覽:338
微信鎖屏後音樂停止 瀏覽:668
applepay蘋果手機卡 瀏覽:835
一個14mb的文件能儲存多少萬漢字 瀏覽:478
騰訊文檔里如何導出數據 瀏覽:979
java面試題csdn 瀏覽:410
rpgnvp是什麼文件 瀏覽:594
如何將一列數據復制到excel 瀏覽:488
sd卡怎麼恢復excel文件 瀏覽:282
gdblinux內核多核調試 瀏覽:24

友情鏈接