主頁 > 知識庫 > Ajax實(shí)現(xiàn)頁面自動(dòng)刷新實(shí)例解析

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

熱門標(biāo)簽:硅語電話機(jī)器人公司 機(jī)器人電銷騙局揭秘 ai機(jī)器人電銷資源 超級大富翁地圖標(biāo)注 騰訊地圖標(biāo)注位置能用多久 越南河內(nèi)地圖標(biāo)注 個(gè)人怎樣在百度地圖標(biāo)注地名 云呼外撥網(wǎng)絡(luò)電話系統(tǒng) 地圖標(biāo)注項(xià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)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)。

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

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

html部分:

!DOCTYPE html>
html lang="en">
head>
  meta charset="UTF-8">
  title>ajax實(shí)現(xiàn)自動(dòng)刷新/title>
/head>
body onLoad="Autofresh()">
p>現(xiàn)在的時(shí)間是: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定時(shí)局部頁面刷新

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

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

script src="/js/jquery-1.3.2.min.js" type="text/javascript">/script> 

所以我們只要我們的頁面放入這個(gè)小的JS代碼片段刷新里面的內(nèi)容ID標(biāo)簽的一切,讓我們說,每5秒:

setInterval(function() {
  $("#content").load(location.href+" #content>*","");
}, 5000); 

這就是它??!因此,這是很容易完成一些實(shí)時(shí)監(jiān)控的行為,只是那行代碼。沒有更奇怪的元刷新標(biāo)記或iframe一種解決方法,在Web應(yīng)用程序。

每5秒,我們將刷新內(nèi)容相同的URL和所有元素,駐留在元素ID為content元素的內(nèi)容:內(nèi)容。

您可能感興趣的文章:
  • jQuery實(shí)現(xiàn)AJAX定時(shí)刷新局部頁面實(shí)例
  • JS+Ajax+Jquery實(shí)現(xiàn)頁面無刷新分頁以及分組 超強(qiáng)的實(shí)現(xiàn)
  • 基于Jquery 解決Ajax請求的頁面 瀏覽器后退前進(jìn)功能,頁面刷新功能實(shí)效問題
  • django+js+ajax實(shí)現(xiàn)刷新頁面的方法
  • Ajax回退刷新頁面問題的解決辦法
  • ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
  • 使用ajax實(shí)現(xiàn)無刷新改變頁面內(nèi)容和地址欄URL
  • Ajax+php數(shù)據(jù)交互并且局部刷新頁面的實(shí)現(xiàn)詳解
  • 淺談Ajax技術(shù)實(shí)現(xiàn)頁面無刷新
  • AJAX實(shí)現(xiàn)指定部分頁面刷新效果

標(biāo)簽:洛陽 鄭州 邢臺(tái) 海南 林芝 內(nèi)蒙古 遼源 舟山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Ajax實(shí)現(xiàn)頁面自動(dòng)刷新實(shí)例解析》,本文關(guān)鍵詞  Ajax,實(shí)現(xiàn),頁面,自動(dòng),刷新,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Ajax實(shí)現(xiàn)頁面自動(dòng)刷新實(shí)例解析》相關(guān)的同類信息!
  • 本頁收集關(guān)于Ajax實(shí)現(xiàn)頁面自動(dòng)刷新實(shí)例解析的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章