没有合适的资源?快使用搜索试试~ 我知道了~
AJAX实例应用初体验:自动保存草稿
4星 · 超过85%的资源 需积分: 9 9 下载量 118 浏览量
2008-10-18
23:41:32
上传
评论
收藏 5KB TXT 举报
温馨提示
试读
10页
相信用过Gmail的人都知道Gmail有一个草稿自动保存的功能,每过一段时间,Gmail都会自动保存邮件草稿,这样在一些突发情况下就能快速地恢复工作,免得写了半天的邮件眨眼之间就没有了。这个技术也广泛应用与blog和日志中。
资源推荐
资源详情
资源评论
相信用过Gmail的人都知道Gmail有一个草稿自动保存的功能,每过一段时间,Gmail都会自动保存邮件草稿,这样在一些突发情况下就能快速地恢复工作,免得写了半天的邮件眨眼之间就没有了。这个技术也广泛应用与blog和日志中。
首先是表单填写页面,用一个ID为AutoSaveMsg的DIV来显示返回信息,并且用一个ID为Draft_AutoSave的CheckBox来确定是否进行自动保存,然后将Textarea的ID命名为message。同时为了应对多用户同时使用的需要,加上用户名,每个用户的草稿分开保存。为了说明方便,这里把一些修饰性的东西去掉,这样看起来比较明了:
程序代码:
AJAX应用之草稿自动保存<br />
<!-- 用户名默认为NONAME -->
用户名:<input type="text" name="memName" id="memName" size="20" value="NONAME" />
<!-- 在自动保存选项的onclick事件中调用自动保存状态设置函数 -->
<input onclick="SetAutoSave();" type="checkbox" id="Draft_AutoSave" value="1" checked="true" />自动保存?<br />
内容:
<textarea id="message"></textarea><br />
<!-- AutoSaveMsg显示返回信息 -->
<div id="AutoSaveMsg"></div>
<input type="submit" value="提交内容" />
<!-- 调用函数恢复最后保存的草稿 -->
<input type="button" onclick="AutoSaveRestore();" value="恢复最后保存的草稿" />
首先是表单填写页面,用一个ID为AutoSaveMsg的DIV来显示返回信息,并且用一个ID为Draft_AutoSave的CheckBox来确定是否进行自动保存,然后将Textarea的ID命名为message。同时为了应对多用户同时使用的需要,加上用户名,每个用户的草稿分开保存。为了说明方便,这里把一些修饰性的东西去掉,这样看起来比较明了:
程序代码:
AJAX应用之草稿自动保存<br />
<!-- 用户名默认为NONAME -->
用户名:<input type="text" name="memName" id="memName" size="20" value="NONAME" />
<!-- 在自动保存选项的onclick事件中调用自动保存状态设置函数 -->
<input onclick="SetAutoSave();" type="checkbox" id="Draft_AutoSave" value="1" checked="true" />自动保存?<br />
内容:
<textarea id="message"></textarea><br />
<!-- AutoSaveMsg显示返回信息 -->
<div id="AutoSaveMsg"></div>
<input type="submit" value="提交内容" />
<!-- 调用函数恢复最后保存的草稿 -->
<input type="button" onclick="AutoSaveRestore();" value="恢复最后保存的草稿" />
</div>
</div>
<!-- 将JS代码放在所有对象之后,以免在页面未加载完成时出现对象不存在的错误 -->
<!-- AJAX类 -->
<script type="text/javascript" src="ajaxrequest.js"></script>
<!-- 自动保存代码 -->
<script type="text/javascript" src="autosave.js"></script>
接下来是autosave.js
程序代码:
// 首先设置全局变量
// 要保存的内容对象FormContent
var FormContent=document.getElementById("message");
// 显示返回信息的对象
var AutoSaveMsg=document.getElementById("AutoSaveMsg");
// 用户名
var memName=document.getElementById("memName").value;
</div>
<!-- 将JS代码放在所有对象之后,以免在页面未加载完成时出现对象不存在的错误 -->
<!-- AJAX类 -->
<script type="text/javascript" src="ajaxrequest.js"></script>
<!-- 自动保存代码 -->
<script type="text/javascript" src="autosave.js"></script>
接下来是autosave.js
程序代码:
// 首先设置全局变量
// 要保存的内容对象FormContent
var FormContent=document.getElementById("message");
// 显示返回信息的对象
var AutoSaveMsg=document.getElementById("AutoSaveMsg");
// 用户名
var memName=document.getElementById("memName").value;
剩余9页未读,继续阅读
资源评论
- 麦子09292012-10-25不是我想要的,貌似是传参
Haiwiky
- 粉丝: 1
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功