接下來是autosave.js
// 首先設(shè)置全局變量
// 要保存的內(nèi)容對象FormContent
var FormContent=document.getElementById("message");
// 顯示返回信息的對象
var AutoSaveMsg=document.getElementById("AutoSaveMsg");
// 用戶名
var memName=document.getElementById("memName").value;
// 自動(dòng)保存時(shí)間間隔
var AutoSaveTime=60000;
// 計(jì)時(shí)器對象
var AutoSaveTimer;
// 首先設(shè)置一次自動(dòng)保存狀態(tài)
SetAutoSave();
// 自動(dòng)保存函數(shù)
function AutoSave() {
// 如果內(nèi)容或用戶名為空,則不進(jìn)行處理,直接返回
if(!FormContent.value||!memName) return;
// 創(chuàng)建AJAXRequest對象,詳細(xì)使用見文章開始的鏈接
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();
}
// 設(shè)置自動(dòng)保存狀態(tài)函數(shù)
function SetAutoSave() {
// 是否自動(dòng)保存?
if(document.getElementById("Draft_AutoSave").checked==true)
// 是,設(shè)置計(jì)時(shí)器
AutoSaveTimer=setInterval("AutoSave()",AutoSaveTime);
else
// 否,清除計(jì)時(shí)器
clearInterval(AutoSaveTimer);
}
// 恢復(fù)最后保存的草稿
function AutoSaveRestore() {
// 創(chuàng)建AJAXRequest對象
var ajaxobj=new AJAXRequest;
// 提示用戶正在恢復(fù)
AutoSaveMsg.innerHTML="正在恢復(fù),請稍候……"
ajaxobj.url="autosave.asp";
ajaxobj.content="action=restore&memname="+escape(memName);
ajaxobj.callback=function(xmlObj) {
// 提示用戶恢復(fù)成功
AutoSaveMsg.innerHTML="恢復(fù)最后保存成功";
// 如果內(nèi)容為空則不改寫textarea的內(nèi)容
if(xmlObj.responseText!="") {
// 恢復(fù)草稿
FormContent.value=xmlObj.responseText;
}
}
ajaxobj.send()
}
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁 AJAX應(yīng)用之草稿自動(dòng)保存 [1] 下一頁 AJAX應(yīng)用之草稿自動(dòng)保存 [3]
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|