Ajax简介：

AJAX，“异步Javascript和XML”是指一种用于创建交互式网络应用程序的网络开发技术。AJAX=异步JavaScript和XML(标准通用标记语言的子集)。

AJAX是一种用于创建快速动态网页的技术。

AJAX可以通过在后台与服务器交换少量数据，使网页异步更新。这意味着可以更新网页的一部分，而无需重新加载整个网页。

传统的网页(没有AJAX)如果需要更新内容，必须重新加载整个页面。

Html部分：

！doctype html lang=' en ' head meta charset=' utf-8 ' title Ajax实现自动刷新/title/head body on load=' auto fresh()' p当前时间为：span id=' current time '/span/p script var xmlobj；var计数=0；函数createXMLHttpRequest(){ if(window。ActiveX object){ xmlobj=new ActiveX object(' Microsoft。XMLHTTP’)；} else if(窗口。XMLHttpRequest){ xmlobj=new XMLHttpRequest()；} }函数Autofresh(){ createXMLHttpRequest()；计数=计数1；xmlobj.open('GET '，' currenttime.php？count=' count，true)；xmlobj . onreadystatechange=DOajax；xmlobj . send(' r=' math . random())；//使用随机数处理cache}函数DOA jax(){ if(xmlobj . readystate==4xmlobj . status==200){ vartime _ span=document . getelementbyid(' current time ')；time _ span . innerhtml=xmlobj . responsetext；setTimeout('Autofresh()'，2000)；}} /script/body/htmlphp页面部分。

？PHP $ count=$ _ GET[' count ']；$计数=$计数% 7；switch($ count){ case 1: $ message=' 11111111111111111 '；打破；case 2: $ message=' 222222222222222222 '；打破；case : $ message=' 333333333333333333 '；打破；case 4: $ message=' 44444444444444444 '；打破；case 5: $ message=' 5555555555555555555 '；打破；case 6: $ message=' 6666666666666666 '；打破；} $ res=$ message回声日期(' y-m-d h:i 3360s ')。“人力资源”。现在是。$ res？渲染：

让我们引入jQuery来实现AJAX定时本地页面刷新。

我不时需要某种机制来不断刷新网页，以提供实时仪表盘。如果我只能刷新某个特定页面的一部分，那会很大，比如仪表盘上的红绿灯显示系统状态。

使用jQuery JavaScript库只刷新页面的一部分很容易。一旦我们被包含在页面的jQuery库中，我们只需要一行JavaScript就可以完成它的工作：

script src=' http :/JS/jquery-1 . 3 . 2 . min . JS ' type=' text/JavaScript '/script，所以我们只需要把这个小的JS代码片段放在我们的页面中就可以刷新内容ID标签中的所有内容。假设每5秒钟：

setInterval(函数(){ $('#content '))。load(location.href ' #content* '，' ')；}, 5000);就是这里！因此，很容易完成一些实时监控活动，只需那一行代码。在Web应用程序中，没有比元刷新标签或iframe更奇怪的解决方案了。

每5秒钟，我们将刷新网址和所有具有相同内容的元素，这些元素驻留在具有内容元素：内容的元素标识的内容中。