用xajax实现正在载入的特效_Ajax编程_黑客防线网安服务器维护基地--Powered by WWW.RONGSEN.COM.CN

用xajax实现正在载入的特效

作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0

本篇关键词:特效正在实现 
黑客防线网安网讯:一般我们在执行比较费时的操作时会使用ajax,在执行的过程中会给用户提示“正在加载数据……”类似的提示,这里将简单介绍下如何使用xajax来实现“正在处理……”的特效提示。 首先在网页bod...

一般我们在执行比较费时的操作时会使用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();
?>

    黑客防线网安服务器维护方案本篇连接:http://www.rongsen.com.cn/show-15597-1.html
网站维护教程更新时间:2012-04-05 00:04:12  【打印此页】  【关闭
我要申请本站N点 | 黑客防线官网 |  
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479

footer  footer  footer  footer