主頁(yè) > 知識(shí)庫(kù) > 基于ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法

基于ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法

熱門(mén)標(biāo)簽:老虎郵局地圖標(biāo)注點(diǎn) 目標(biāo)三維地圖標(biāo)注 襄陽(yáng)外呼系統(tǒng)接口 外呼系統(tǒng)獲取客戶(hù)手機(jī)號(hào) 百靈鳥(niǎo) 科智聯(lián)智能電銷(xiāo)機(jī)器人 徐州電銷(xiāo)卡外呼系統(tǒng)供應(yīng)商 青海醫(yī)療智能外呼系統(tǒng)怎么樣 上海浦東百度地圖標(biāo)注中心注冊(cè)

本文實(shí)例講述了基于ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法。分享給大家供大家參考。具體如下:

在普通的分頁(yè)中,一旦頁(yè)碼改變,則url改變,整個(gè)頁(yè)面都會(huì)刷新,如果我們希望頁(yè)碼的改變不影響整個(gè)網(wǎng)頁(yè)的變動(dòng),可以使用ajax技術(shù)。

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)行更新。

通過(guò)客戶(hù)端html代碼,用ajax把服務(wù)器中的數(shù)據(jù)通過(guò)get方式傳遞過(guò)來(lái),顯示在html中。

!doctype html> 
html lang="en"> 
 head> 
 meta charset="UTF-8"> 
 meta name="Generator" content="EditPlus®"> 
 meta name="Author" content=""> 
 meta name="Keywords" content=""> 
 meta name="Description" content=""> 
 title>ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)/title> 
 script type="text/javascript"> 
  function f1(url){ 
    var xhr = new XMLHttpRequest; 
    xhr.onreadystatechange = function() { 
      if(xhr.readyState==4){ 
        document.getElementById('d').innerHTML = xhr.responseText; 
      } 
    } 
    xhr.open("get",url); 
    xhr.send(null); 
  }   
  //頁(yè)面加載完成后,就調(diào)用該函數(shù) 
  window.onload = function(){ 
    f1("fenye-data.php"); 
  } 
 /script> 
 /head> 
 body> 
  h2 align='center'>ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)/h2> 
  div id='d'>/div> 
 /body> 
/html> 

在分頁(yè)類(lèi)中,我們只需更改超鏈接的地址,將原來(lái)的地址更改為通過(guò)js調(diào)用f1()方法,將鏈接傳遞給js中的f1()方法。

a href='javascript:f1(\"{$this->uri}page=".($this->page+1)."\")'>

進(jìn)一步的,可以使用json實(shí)現(xiàn)無(wú)刷新效果的分頁(yè),與ajax相比,json將html和css都寫(xiě)在客戶(hù)端,從而節(jié)省了服務(wù)器帶寬,也使用戶(hù)的請(qǐng)求速度加快,具體方法不再贅述。

希望本文所述對(duì)大家的Ajax程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:
  • Flash Ajax 操作 XML 實(shí)例:無(wú)刷新分頁(yè)
  • php ajax無(wú)刷新分頁(yè),支持id定位
  • jquery 插件 web2.0分格的分頁(yè)腳本,可用于ajax無(wú)刷新分頁(yè)
  • JS+Ajax+Jquery實(shí)現(xiàn)頁(yè)面無(wú)刷新分頁(yè)以及分組 超強(qiáng)的實(shí)現(xiàn)
  • ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)(php)
  • JQuery+Ajax無(wú)刷新分頁(yè)的實(shí)例代碼
  • asp.net中利用Jquery+Ajax+Json實(shí)現(xiàn)無(wú)刷新分頁(yè)的實(shí)例代碼
  • php+ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法
  • asp.net使用AJAX實(shí)現(xiàn)無(wú)刷新分頁(yè)
  • Ajax無(wú)刷新分頁(yè)的性能優(yōu)化方法

標(biāo)簽:股票 揭陽(yáng) 荊州 辛集 紅河 咸寧 佛山 商洛

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