- Rongsen.Com.Cn 版权所有 2008-2010 京ICP备08007000号 京公海网安备11010802026356号 朝阳网安编号:110105199号
- 北京黑客防线网安工作室-黑客防线网安服务器维护基地为您提供专业的
服务器维护
,企业网站维护
,网站维护
服务 - (建议采用1024×768分辨率,以达到最佳视觉效果) Powered by 黑客防线网安 ©2009-2010 www.rongsen.com.cn
作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0 |
一般我们在执行比较费时的操作时会使用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();
?>
我要申请本站:N点 | 黑客防线官网 | |
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479 |