接下来是autosave.js
// 首先设置全局变量
// 要保存的内容对象FormContent
var FormContent=document.getElementById("message");
// 显示返回信息的对象
var AutoSaveMsg=document.getElementById("AutoSaveMsg");
// 用户名
var memName=document.getElementById("memName").value;
// 自动保存时间间隔
var AutoSaveTime=60000;
// 计时器对象
var AutoSaveTimer;
// 首先设置一次自动保存状态
SetAutoSave();
// 自动保存函数
function AutoSave() {
// 如果内容或用户名为空,则不进行处理,直接返回
if(!FormContent.value||!memName) return;
// 创建AJAXRequest对象,详细使用见文章开始的链接
var ajaxobj=new AJAXRequest;
ajaxobj.url="autosave.asp";
ajaxobj.content="memname="+escape(memName)+"&postcontent="+escape(FormContent.value);
ajaxobj.callback=function(xmlObj) {
// 显示反馈信息
AutoSaveMsg.innerHTML=xmlObj.responseText;
}
ajaxobj.send();
}
// 设置自动保存状态函数
function SetAutoSave() {
// 是否自动保存?
if(document.getElementById("Draft_AutoSave").checked==true)
// 是,设置计时器
AutoSaveTimer=setInterval("AutoSave()",AutoSaveTime);
else
// 否,清除计时器
clearInterval(AutoSaveTimer);
}
// 恢复最后保存的草稿
function AutoSaveRestore() {
// 创建AJAXRequest对象
var ajaxobj=new AJAXRequest;
// 提示用户正在恢复
AutoSaveMsg.innerHTML="正在恢复,请稍候……"
ajaxobj.url="autosave.asp";
ajaxobj.content="action=restore&memname="+escape(memName);
ajaxobj.callback=function(xmlObj) {
// 提示用户恢复成功
AutoSaveMsg.innerHTML="恢复最后保存成功";
// 如果内容为空则不改写textarea的内容
if(xmlObj.responseText!="") {
// 恢复草稿
FormContent.value=xmlObj.responseText;
}
}
ajaxobj.send()
}
出处:蓝色理想
责任编辑:moby
上一页 AJAX应用之草稿自动保存 [1] 下一页 AJAX应用之草稿自动保存 [3]
◎进入论坛网络编程版块参加讨论
|