15、AJAX应用开发：从编辑功能到Web服务的全面解析

r2s3t4

于 2025-11-20 10:04:58 发布

阅读量31

点赞数

CC 4.0 BY-SA版权

分类专栏： AJAX实战：从零构建文章标签： AJAX Web服务 REST

本文链接：https://blog.youkuaiyun.com/r2s3t4/article/details/155515853

AJAX实战：从零构建专栏收录该内容

28 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

AJAX应用开发：从编辑功能到Web服务的全面解析

1. 编辑功能中的ID处理

在开发具有编辑功能的网页时，我们常常需要对页面元素的ID进行动态处理。以下是一段相关的代码：

entryDiv = document.getElementById('mainNewEntryTemp');
titleDiv = document.getElementById('titleNewEntryTemp');
bodyDiv = document.getElementById('bodyNewEntryTemp');
entryDiv.id = 'main' + self.saveId;
titleDiv.id = 'title' + self.saveId;
bodyDiv.id = 'body' + self.saveId;
entryDiv.ondblclick = self.toggleEditInPlace;
self.saveId = '';

这段代码的作用是获取需要修改的 div 元素的引用，然后根据服务器返回并存储在 saveId 中的ID值重置它们的ID。当 div 元素拥有永久的ID值后，代码会清空 saveId 。

不过，在进行ID更改时，我们需要注意时机。因为新条目保存时，新条目 div 中的状态动画可能正在进行。为了避免突然切断淡入淡出效果，我们选择让动画在当前淡入淡出周期结束后自动关闭。这意味着在服务器返回结果后