javascript - js操作dom是异步的吗？-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - js操作dom是异步的吗？

阿神 2017-04-11 10:56:32

[JavaScript讨论组]

737

场景：我上传图片到服务器，上传的时候显示一个上传进度，这个上传进度是随机出来的，如果上传成功后，就弹出一个alert，提示上传成功。
但是问题是每次都是进度条还没有显示完就会显示alert，我想是不是js操作dom是异步的，有没有什么办法使得js执行一步一步来呢？？

阿神

闭关修行中......

全部回复(4)

高洛峰2017-04-11 10:58:32 4楼

原始的xhr对象可以绑定回调，来获得百分比。

xhr.upload.addEventListener("progress", function(evt){
    if (evt.lengthComputable) {
        var percentComplete = Math.round(evt.loaded * 100 / evt.total);
    }
}, false);

jq的话，使用beforeSend属性获取原始xhr对象。

进度条的显示和隐藏跟普通的对话框逻辑一样，都是$.ajax之前显示，ajax的success和fail中把它隐藏。

赞 +0

添加回复

PHP中文网2017-04-11 10:58:32 3楼

另外提醒一下，如果开发时候前端与后端是在一台机器上，就是说你用localhost来做上传测试，进度条有可能出现瞬间走到头的情况，即使你设置了上传限速，如果怎么看代码都没问题，可以尝试远程测试

赞 +0

添加回复

伊谢尔伦2017-04-11 10:58:32 2楼

DOM操作是同步的。你的进度条应该是使用了js来操作动效吧？这个过程可能是异步的。

赞 +0

添加回复

PHP中文网2017-04-11 10:58:32 1楼

操作 DOM 不是异步的，但是你的进度条是异步的。

你应该绑定进度条的 complete/close/hidden/... 事件（如果有的话）。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>