一般我們在執行比較費時的操作時會使用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();
?>