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>

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...