国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > AJAX > 正文

Ajax實(shí)現(xiàn)頁面自動刷新實(shí)例解析

2024-09-01 08:28:02
字體:
供稿:網(wǎng)友

Ajax簡介:

AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。
AJAX = 異步 JavaScript和XML(標(biāo)準(zhǔn)通用標(biāo)記語言的子集)。

AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。

通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下,對網(wǎng)頁的某部分進(jìn)行更新。

傳統(tǒng)的網(wǎng)頁(不使用 AJAX)如果需要更新內(nèi)容,必須重載整個網(wǎng)頁頁面。

html部分:

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>ajax實(shí)現(xiàn)自動刷新</title></head><body onLoad="Autofresh()"><p>現(xiàn)在的時間是:<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());//使用隨機(jī)數(shù)處理緩存    }    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>"."現(xiàn)在的內(nèi)容是:".$res; ?>

效果圖:


下面給大家介紹jQuery實(shí)現(xiàn)AJAX定時局部頁面刷新

不時,我需要某種機(jī)制,不斷刷新網(wǎng)頁,以提供一個實(shí)時的儀表板某種。如果我只能刷新一個特定的頁面的一部分,這將是很大的,例如:儀表盤上的交通燈顯示系統(tǒng)狀態(tài)。

這是很容易通過使用jQuery JavaScript庫,只刷新頁面的一部分。一旦我們納入我們的頁面的jQuery庫,我們只需要1行的JavaScript得到它的工作:

<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>             
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 惠安县| 禹州市| 武清区| 天长市| 昭通市| 新晃| 五指山市| 邵阳市| 蓬莱市| 奇台县| 保康县| 玉山县| 莱西市| 渝中区| 桦川县| 淅川县| 泰州市| 安丘市| 元氏县| 通山县| 桃源县| 防城港市| 益阳市| 海原县| 信宜市| 元阳县| 丹江口市| 永清县| 枣阳市| 淅川县| 确山县| 绥滨县| 孝昌县| 金寨县| 赣州市| 塔河县| 光泽县| 特克斯县| 万宁市| 图木舒克市| 天长市|