返回首页

用xajax实现"正在载入……"的特效

时间:2009-01-15 11:33来源:未知 作者:admin 点击:
一般我们在执行比较费时的操作时会使用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();
?>
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码: