欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2016年04月27日 17:10:57   作者：蝸牛oscersong  
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。接下來(lái)通過(guò)本文給大家介紹Ajax實(shí)現(xiàn)頁(yè)面自動(dòng)刷新實(shí)例解析，感興趣的朋友一起看看吧

Ajax簡(jiǎn)介：

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

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

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

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

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頁(yè)面部分

<?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í)局部頁(yè)面刷新

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

這是很容易通過(guò)使用jQuery JavaScript庫(kù)，只刷新頁(yè)面的一部分。一旦我們納入我們的頁(yè)面的jQuery庫(kù)，我們只需要1行的JavaScript得到它的工作：

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

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

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

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

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

相關(guān)文章

最新評(píng)論