在JS代码中加入加载中显示等待图片

上面是AJAX调用数据 在点击触发后加载更多内容 可是在加载中等待的时候我喜欢可以用loading.gif图片在层里显示加载中等待效果

点击加载显示loading的图片。在success里面再将loading图片隐藏掉追问

能写出具体带吗加在哪里吗

追答

具体加在什么地方是你这边在定。。


<ul>
    <li></li>
</ul>
<div>loading标签</div>

比如这样的一个结构,点击某个加载的按钮,需要请求新的数据,然后填充到ul中。

那就是可以开始把div隐藏。点击加载按钮之后,让div显示出来。。这时候看到的就是loading效果。

在ajax的success方法中。。拼接dom填充到ul中之后。让div再隐藏。


大概是这样的一个效果。

追问

调用出等待图片可以做到,主要是加载成功后如何取消。
$("#dianhuafei").html("");
代码这样的

追答

$("#dianhuafei").html("");这样就行了啊。

置空

温馨提示:内容为网友见解,仅供参考
无其他回答

在JS代码中加入加载中显示等待图片
点击加载显示loading的图片。在success里面再将loading图片隐藏掉

用JS、JQ 重新给img 的src 赋值,如何知道新图片加载成功 如果没有加载...
javascript:给img节点添加一个事件句柄onload,等到图片加载完了就会知道执行这个onload事件。例如:

p5.js如何进行图片加载
方法是:①点击编辑器左上角的小三角展开文件目录。②点击文件目录右上角小三角,展开菜单后Add File。③可以直接将图片文件拖到框里,会自动上传,传完后关闭即可,jpg和png格式均支持。二、加载图片接着,添加代码如下:var img; function preload(){ \/\/加载图片文件 img=loadImage("HearthStone....

vue加载中loading提示信息(iView Spin)
在一些按钮的点击操作中,假如没有限制,用户多次点击,会向后台发送多次请求。还有一种情况是:当页面加载时,假如数据没有加载完成,此时为了防止用户进行操作,会显示一个遮罩:加载中...。这个操作和上面差不多,只是触发方式不同,一个是在生命周期中触发,一个是通过用户点击触发 html:css:js:html...

js中,如何等待多个图片加载完后再执行其他的js代码。
可以在js全局代码中,增加一个变量n,用作计数器,表示总图片数。然后使用图片的onload事件,每成功加载一次图片,将计数器n减去1 当n变成0时,表示图片均加载完毕,这时即可开始执行其他JS代码。具体示例代码:var n=$pre4y_main.length;...$img[0].onload=function(){ ... n--; if(...

如何为博客添加“正在加载中”的过度特效
首先看你博客有没有加载jQuery,如果没有,请在头部加上引用这段js的代码: 然后把如下代码加在模版文件中: (document).ready(function() { (‘h2 a’).click(function(){ myloadoriginal = this.text;(this).text(‘正在给力加载中 …’);var myload = this;setTimeout(function() { $(m...

jquery 点击一次加载几张图片,再点击再加载几张图片,一直到所有图片都显...
var imgMana = function () { \/\/内部指针索引 this.idx = 0; \/\/需要加载的图片列表 this.imgs = [ 'https:\/\/dimg04.c-ctrip.com\/images\/70010b0000005a2k71535_280_170_112.jpg', 'https:\/\/dimg04.c-ctrip.com\/images\/700f0c0000006nxnfD731_280_170_112.jpg', ...

如何实现图片加载中,会有一个圈圈在动的效果
用AJAX可以做到判断图片是否加载完成,在加载完成之前先显示那个圈圈的滚动GIF图片就可以了,再或者告诉你一个最简单的方法,你把房图片的那个层用background-img填充上那个滚动的圈圈图片,等你的要加载的图片加载完后就能自动覆盖那个圈圈的背景图片了~...

谁有数据库中存的是图片路径,然后jsp页面显示图片出来
1、准备要显示的图片,并创建一个最简单的jsp页面,运行起来。 2、通过ImageIo读取图片。 3、将图像的元字节数据保存到bytearray中。 4、将图像的字节数据用base64编码,转换成base64字符串。 5、把base64编码过的字符串放到img元素的src属性上。 6、最后就可以看到效果了。 已赞过 已踩过< 你对这个回答的评价...

js新建窗口等待所有图片加载完后调用window.print()具体代码怎么写?
window.load{ } window.print()一般代码都是按照顺序执行的。把加载写在最前面,确定所有加载方法完成后,在写输出。你自己试下,我也不是很了解

相似回答