AJAX应用之稿自动保存.docVIP

AJAX应用之草稿自动保存 相信用过Gmail的人都知道Gmail有一个草稿自动保存的功能，每过一段时间，Gmail都会自动保存邮件草稿，这样在一些突发情况下就能快速地恢复工作，免得写了半天的邮件眨眼之间就没有了。在学了AJAX之后，我也给自己的blog加上了这个功能。当然，这个应用并不只限于blog上，应该说还是比较通用的。 中.国站长站 实例演示Chinaz_com 仍旧以代码加注释的方式来说明怎么编写。Www^Chinaz^com 首先是表单填写页面，用一个ID为AutoSaveMsg的DIV来显示返回信息，并且用一个ID为Draft_AutoSave的CheckBox来确定是否进行自动保存，然后将Textarea的ID命名为message。同时为了应对多用户同时使用的需要，加上用户名，每个用户的草稿分开保存。为了说明方便，我把一些修饰性的东西去掉，这样看起来比较明了：站.长站 以下为引用的内容： AJAX应用之草稿自动保存br/ 中.国站长站 !--用户名默认为NONAME-- 站.长站 用户名：inputtype=textname=memNameid=memNamesize=20value=NONAME/nbsp;nbsp;nbsp;nbsp;站.长站 !--在自动保存选项的onclick事件中调用自动保存状态设置函数-- Chinaz@com inputonclick=SetAutoSave;type=checkboxid=Draft_AutoSavevalue=1checked=true/自动保存？br/Chinaz^com 内容： 中.国站长站 textareaid=message/textareabr/中.国.站长站 !--AutoSaveMsg显示返回信息-- 中国.站.长站 divid=AutoSaveMsg/div[中国站长站] inputtype=submitvalue=提交内容/nbsp;nbsp;站长.站 !--调用函数恢复最后保存的草稿-- [中国站长站] inputtype=buttononclick=AutoSaveRestore;value=恢复最后保存的草稿/[中国站长站] /div Www@Chinaz@com /div中国站.长.站 !--将JS代码放在所有对象之后，以免在页面未加载完成时出现对象不存在的错误--Www_Chinaz_com !--AJAX类-- 中国.站长站 scripttype=text/javascriptsrc=ajaxrequest.js/script Www_Chinaz_com !--自动保存代码--Chinaz~com scripttype=text/javascriptsrc=autosave.js/script 接下来是autosave.js中国站长.站 //首先设置全局变量 Www^Chinaz^com //要保存的内容对象FormContent 站.长.站 varFormContent=document.getElementById; 中国站长.站 //显示返回信息的对象 站.长站 varAutoSaveMsg=document.getElementById; 中国站.长站 //用户名站.长.站 varmemName=document.getElementById.value;中国站长.站 //自动保存时间间隔 Chinaz_com varAutoSaveTime=60000;中.国.站.长.站 //计时器对象 中国站.长站 varAutoSaveTimer; Www^Chinaz^com //首先设置一次自动保存状态站.长站 SetAutoSave; Chinaz@com //自动保存函数站.长站 functionAutoSave{Chinaz~com //如果内容或用户名为空，则不进行处理，直接返回 Chinaz_com ifreturn; Www~Chinaz~com //创建AJAXRequest对象，详细使用见文章开始的链接Chinaz^com varajaxobj=newAJAXRequest; Chinaz@com ajaxobj.url=autosave.asp; 中.国.站长站 ajaxobj.content=memname=+escape+postcontent=+escape; 中国站长.站 ajaxobj.callback=function{ 站长.站 //显示反馈信息 中.国.站长站 AutoSaveMsg.innerHTML=xmlObj.responseText; C } 中.国站长站 ajaxobj.send;中.国.站.长.站 }Www@Chinaz@com //设置自动保存状态函数 [中国站长站] fun