大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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();
}
很简单,就是假设你准备把内容加载到一个div id="ct"/div中那么一开始就在这个div中增加一个Gif图片类似动态旋转的条什么的,然后用$('#ct').load()方法对这个div进行加载数据,等内容读取到之后,内容的读取中图片会被新内容取代,就出现这个效果啦
呵呵这个很简单 因为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
希望对你有所帮助
页面加载等待特效,当数据加载完成效果消失的代码如下:
$.ajax({
url:"",
type:"post",
data:{"xx":"xx"},
beforeSend:function(){
//这里是开始执行方法,显示效果,效果自己写
},
complete:function(){
//方法执行完毕,效果自己可以关闭,或者隐藏效果
},
success:function(){
//数据加载成功
},
error:function(){
//数据加载失败
}
});