正文
jquery加载等待,jquery 加载
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
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
希望对你有所帮助
相关问答
Q1: jQuery 页面加载等待特效，当数据加载完成效果消失的代码？
页面加载等待特效，当数据加载完成效果消失的代码如下:
$.ajax({
url:"",
type:"post",
data:{"xx":"xx"},
beforeSend:function(){
//这里是开始执行方法，显示效果，效果自己写
},
complete:function(){
//方法执行完毕，效果自己可以关闭，或者隐藏效果
},
success:function(){
//数据加载成功
},
error:function(){
//数据加载失败
}
});
Q2: jquery跟js初始化加载的多种方法及区别介绍
jquery是等待页面加载完数据，以及页面部分元素；js是页面全部加载完成才执行初始化加载，具体示例祥看本文
jquery和js初始化加载页面的区别：
jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），
js：是页面全部加载完成才执行初始化加载。
1、jQuery
页面加载初始化的方法有3种
，页面在加载的时候都会执行脚本,
第一种(比较常用)：
代码如下:
$.function(){
alert("第一种方法");
});
第二种：
复制代码
代码如下:
$(document).ready(function(){
alert("第二种方法");
});
第三种：
代码如下:
jQuery(function($){
alert("第三种方法");
});
2、js初始化加载的方法
第一种：
代码如下:
window.onload=function(){
alert("初始化加载");
};
第二种：
(winOnload
此方法名自定义)
代码如下:
function
winOnload()
{
alert("初始化加载");
};
winOnload();
注意：
由于jquery使用$符号，和有些组件例如dwr就有冲突，为了解决这个问题，可以使用
代码如下:
var
ace=jQuery.noConflict();
