Ajax簡介：
AJAX即“Asynchronous Javascript And XML”（非同步JavaScript和XML），是指一種建立互動式網頁應用的網頁開發技術。
AJAX = 非同步 JavaScript和XML（標準通用標記語言 (SGML)的子集）。
AJAX 是一種用於建立快速動態網頁的技術。
通過在後台與伺服器進行少量資料交換，AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下，對網頁的某部分進行更新。
傳統的網頁（不使用 AJAX）如果需要更新內容，必須重載整個網頁頁面。
html部分：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax實現自動重新整理</title></head><body onLoad="Autofresh()"><p>現在的時間是：<span id="currenttime"></span></p> <script> var xmlobj; var count=0; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlobj=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlobj=new XMLHttpRequest(); } } function Autofresh(){ createXMLHttpRequest(); count=count+1; xmlobj.open("GET","currenttime.php?count="+count,true); xmlobj.onreadystatechange=doAjax; xmlobj.send("r="+Math.random());//使用隨機數處理緩衝 } function doAjax(){ if(xmlobj.readyState==4 && xmlobj.status==200){ var time_span=document.getElementById('currenttime'); time_span.innerHTML=xmlobj.responseText; setTimeout("Autofresh()",2000); } } </script></body></html>
php頁面部分
<?php $count=$_GET["count"]; $count=$count%7; switch($count){ case 1: $message = "11111111111111111";break; case 2: $message = "22222222222222222";break; case 3: $message = "33333333333333333";break; case 4: $message = "44444444444444444";break; case 5: $message = "55555555555555555";break; case 6: $message = "66666666666666666";break; } $res = $message; echo date("Y-m-d H:i:s")."<hr>"."現在的內容是：".$res; ?>
效果圖：
下面給大家介紹jQuery實現AJAX定時局部頁面重新整理
不時，我需要某種機制，不斷重新整理網頁，以提供一個即時的儀表板某種。如果我只能重新整理一個特定的頁面的一部分，這將是很大的，例如：儀錶盤上的交通燈顯示系統狀態。
這是很容易通過使用jQuery JavaScript庫，只重新整理頁面的一部分。一旦我們納入我們的頁面的jQuery庫，我們只需要1行的JavaScript得到它的工作：
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
所以我們只要我們的頁面放入這個小的JS程式碼片段重新整理裡面的內容ID標籤的一切，讓我們說，每5秒：
setInterval(function() { $("#content").load(location.href+" #content>*","");}, 5000);
這就是它！！因此，這是很容易完成一些即時監控的行為，只是那行代碼。沒有更奇怪的元重新整理標記或iframe一種解決方案，在Web應用程式。
每5秒，我們將重新整理內容相同的URL和所有元素，駐留在元素ID為content元素的內容：內容。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
