ajax显示数据处理中的效果
就是我想用ajax来实现文件上传时,大文件有一段等待的时间,我想显示一个数据处理中的效果,等文件上传好了,那个弹出的层数据处理中消失,回到刚才上传文件的页面
------解决方案-------------------- UP
------解决方案-------------------- 那你在上传的时候加一个js判断一下,在form提交的时候进行 onsubmit="return 你的JS判断()"
------解决方案--------------------
放一个div
<div id="loading">
</div>
点了文件上传的时候
document.getElementById('loading').innerHTML=" 文件上传中...";
或者放个图片
document.getElementById('loading').innerHTML="<img src="../images/loading.gif" />";
上传完毕后:
document.getElementById('loading').innerHTML="";
------解决方案--------------------
//创建DIV
function CreateDiv()
{
if(document.getElementById("loading"))
{
DeleteDiv();
}
var div_box = document.createElement("DIV");
var bodySize = getBodySize();
div_box.id = "loading";
div_box.style.position = "absolute";
var i=0;
div_box.style.left = (bodySize[0]-i*i*4-170)/2+"px";
div_box.style.top = (bodySize[1]/2+130-i*i)+"px";
div_box.style.width = i*i*4 + "px";
div_box.style.height = i*i*1.5 + "px";
div_box.style.background = "#FFFFFF";
div_box.style.visibility = "visible";
div_box.innerHTML = "<table align='center'width='150' height='30px' style='border:#73D3F7 solid 1px; background:#FFFFFF'><tr><td rowspan='3' style='width: 30px'><img src='相应的图片' /></td><td colspan='2'></td></tr><tr><td colspan='2' >数据提取中请稍等...</td></tr><tr><td colspan='2'></td></tr></table>";
document.body.appendChild(div_box);
document.getElementById("container").style.background = "#000033";
}
//删除DIV
function DeleteDiv()
{
var div = document.getElementById("loading");
div.parentNode.removeChild(div);
document.getElementById("container").style.background = "#FFFFFF";
}
//取得页面的高宽
function getBodySize()
{
var bodySize = [];
with(document.documentElement)
{
//如果滚动条的宽度大于页面的宽度,取得滚动条的宽度,否则取页面宽度
bodySize[0] = (scrollWidth > clientWidth) ? scrollWidth : clientWidth;
//如果滚动条的高度大于页面的高度,取得滚动条的高度,否则取高度
bodySize[1] = (scrollHeight > clientHeight) ? scrollHeight : clientHeight;
}
return bodySize;
}
注明:在提交事件的时候调用CreateDiv()方法,提交的事件完成后调用DeleteDiv()方法
------解决方案-------------------- 顶!!!!!!!
------解决方案--------------------
探讨 //创建DIV function CreateDiv() { if(document.getElementById("loading")) { DeleteDiv(); } var div_box = document.createElement("DIV"); var bodySize = getBodySize(); div_box.id = "loading"; div_box.style.position = "absolute"; var i=0; div_box.style.left = (bodySize[0]-i*i*4-170)/2+"px"; div_box.style.top…