求一个jquery效果， 在请求ajax的时候显示加载中的效果 在线急等！！！[e-mail] 谢谢

Posted 2023-03-18

div1为加载数据的div：<div id="div1"></div>
$(document).ready(function()
$("#div1").html("加载中...");ajax调用前，将“加载中...”或图片<img src="loading.gif"/>加载到div1中，ajax加载完成后，再用加载出来的数据直接覆盖div1就行
$.ajax(
type: "post",
url: "页面",
async: true,//异步or同步
data: f: "接收页面的方法", id: "" ,
success: function(msg)

$("#div1").html(msg);

);
);追问

谢谢，麻烦问下jquery的load函数在一个div加载页面的时候能不能调用这样的loading啊？能的话怎么调用啊？

追答

加载的时候，你可以选择默认将div中写入loading，如加载中……，或者也可以在页面加载时在$(document).ready(function() 这里控制就相当于是JS中的onload事件，即页面加载事件，可以在页面加载时处理一些事情 );

参考技术A 你可以先不考虑jquery的触发条件，先把自己想要的loading效果给做出来
然后你再在调用jquery的ajax方法之前，显示loading的层。
然后再在ajax的success回调函数中判断ajax加载成功后再隐藏loading层即可追问

我记得之前我用过一个当页面进行ajax请求时 就出现加载中的 那么一个效果。我想直接用。

追答

直接用jquery的没办法直接实现这个loading的，你以前的话，可能是加载了其他的jquery插件或者使用的是extJS之类的东西的。

追问

我记得就是用了个jquery的方法实现的 但是好长时间了 忘了 之前那个找不到了 纠结

追答

那就是jquery的某个插件直接有loading的效果而已

追问

问一下 $(document).ajaxStart() 这个ajaxStart()函数能不能在$('div#list1').load()的时候执行啊 应该怎么写呢？

追答

$("#loading").ajaxStart(function()
$(this).show();
);
用这种就行，会在load执行之前执行的，

本回答被提问者采纳