ajax提交后台开始到返回之间显示等待提示

前端之家收集整理的这篇文章主要介绍了ajax提交后台开始到返回之间显示等待提示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<pre>

功能完全是jandy所实现的,这里是总结以便以后遇到类似的功能时有例子参考!在这里非常非常感谢jandy!
1、用到的js
function topLoading() {
if(document.getElementByIdx_x("topLoadingDiv")==null ||document.getElementByIdx_x("topLoadingDiv")==undefined) {
document.write("<div id='topLoadingDiv'class='top_loading'><img border='0'src='../images/loading.gif'/></div>");
}
document.getElementByIdx_x("topLoadingDiv").className="top_loading";
document.getElementByIdx_x("topLoadingDiv").style.left=(document.documentElement.clientWidth-32)/2+"px";
document.getElementByIdx_x("topLoadingDiv").style.top=(document.documentElement.clientHeight-32)/2+"px";
}

function topLoaded() {
if(document.getElementByIdx_x("topLoadingDiv")!='null'&&document.getElementByIdx_x("topLoadingDiv")!=undefined) {
document.getElementByIdx_x("topLoadingDiv").className="top_loaded";
}
}

2、用到的css
div.top_loading{background:url('../images/loading.gif')no-repeat;width:32px;height:32px;top:100px;left:100px;background-color:transparent;position:fixed;z-index:10000;}
div.top_loaded{width:1px;height:1px;background-color:transparent;display:none;}

3、用到的html

// 调用ajax之前
topLoading();
$.getJSON(url,null,function(data) {
obj.disabled=false;
if (data == "error") {
alert(opeContent+"失败!");
} else if (data == "succ"){
// 2、根据返回结果(成功或者失败),重写load该流程对应的所有组件
alert(opeContent+"成功!");
reloadListDetail(obj);
} else {
alert(data);
reloadListDetail(obj);
}
// ajax返回之后
topLoaded();
});

4、用到的图片:随便从网上下一个你所喜欢的即可。

</pre>

猜你在找的Ajax相关文章