DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 用xajax實現正在載入的特效
用xajax實現正在載入的特效
編輯:AJAX詳解     

一般我們在執行比較費時的操作時會使用ajax,在執行的過程中會給用戶提示“正在加載數據……”類似的提示,這裡將簡單介紹下如何使用xAJax來實現“正在處理……”的特效提示。

首先在網頁body開頭定義提示的div:

定義處理時的提示語句

< div     id = "loadingContainer">

< div id = "loading"> 正在加載數據,請稍候 </ div>

</ div >
然後定義處理提示的JS函數: 定義初始化與處理時的JS函數 < script     languege = "Javascript/text">

loadingpic  =  document . getElementById ( 'loadingContainer');

loadingpic . style . display  =  'none' ;// 初始化進度條為不可見

xAJax . loadingFunction  =  loading ; // 定義XAJax在等待請求時候調用的函數

xAJax . doneLoadingFunction  =  loadingDone ; //定義XAJax在或得請求數據以後調用的函數

function      loading(){

          loadingpic . style . display  =  'block' ;  //設置請求數據的時候可見

}

function  loadingDone() {

     loadingpic . style . display  =  'none' ;  //設置請求結束以後消失

}

</script>
OK,上面是基礎性質的工作,做完後,我們假設單擊某個鏈接,執行一個花費時間比較長的函數: 頁面中超級鏈接定義 <a href="#" onclick="xAJax_slow_function();">點擊我吧...</a>
PHP代碼 <?PHP
    function slow_function()
    { 
     //費時的處理程序
    }
    $xajax = new xAJax();
    $xajax->register(XAJax_FUNCTION, 'slow_function');
    $xAJax->processRequest();
?>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved