如何利用JQuery弹出一个“正在加载，请稍后."的提示框

1、加上DIV弹出框

成都创新互联专注于企业全网营销推广、网站重做改版、叶县网站定制设计、自适应品牌网站建设、H5技术、商城系统网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为叶县等各大城市提供网站开发制作服务。

function AddRunningDiv() {

$("div class=\"datagrid-mask\"/div").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");

$("div class=\"datagrid-mask-msg\"/div").html("正在处理，请稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });

}

2、取消所弹出的DIV

function MoveRunningDiv() {

$("div[class='datagrid-mask']").remove();

$("div[class='datagrid-mask-msg']").remove();

}

jquery 正在加载效果

很简单，就是假设你准备把内容加载到一个div id="ct"/div中那么一开始就在这个div中增加一个Gif图片类似动态旋转的条什么的，然后用$('#ct').load()方法对这个div进行加载数据，等内容读取到之后，内容的读取中图片会被新内容取代，就出现这个效果啦

jQuery 求页面加载等待特效，当数据加载完成效果消失，代码越少越好

呵呵这个很简单 因为jquery类库已经封装好了

$(document).ready(function() {

//没有用jquery 可以用 【eval(返回的对象)】 转化成json对象

// $("input").click(function() {

$("#content").ajaxStart(function() {

alert('a');

$("#content").html("数据加载中!!!~~~~！！"); 这里是加载等待特效

});

$.getJSON("getUserList.ashx", function(data) {

var html = "table border=1";

$(data).each(function(index, item) {

html += "tr"

html += "td" + index + "=" + item["Name"] + "/td";

html += "td" + index + "=" + item["Age"] + "/td";

html += "td" + index + "=" + item["Phone"] + "/td";

html += "/tr"

});

$("#content").html(html);

//ajax请求开始执行

});

});

/script

希望对你有所帮助

jQuery 页面加载等待特效，当数据加载完成效果消失的代码？

页面加载等待特效，当数据加载完成效果消失的代码如下:

$.ajax({

url:"",

type:"post",

data:{"xx":"xx"},

beforeSend:function(){

//这里是开始执行方法，显示效果，效果自己写

},

complete:function(){

//方法执行完毕，效果自己可以关闭，或者隐藏效果

},

success:function(){

//数据加载成功

},

error:function(){

//数据加载失败

}

});

文章名称：jquery等待加载,jquery默认加载
网站网址：http://chengdu.cdxwcx.cn/article/dsiegip.html