闂傚倸鍊峰ù鍥Υ閳ь剟鏌涚€n偅宕岄柡宀€鍠栭、娑樷堪閸愮偓姣夋俊鐐€戦崕濠氬箯閿燂拷 (0) +1 闂傚倷娴囧畷鍨叏瀹ュ拋鍚嬮柛鈩冾殢娴硷拷 (0) +1 闂傚倸鍊搁崐鎼併偑鐎涙ḿ顩查柣鎴f缁狀垶鏌ㄩ悤鍌涘 (0) +1
闂傚倸鍊峰ù鍥Υ閳ь剟鏌涚€n偅宕岄柡宀€鍠栭、娑樷堪閸愮偓姣夋俊鐐€戦崕鏌ュ垂閸ф钃熼柣鏃囥€€閸嬫挸鈽夊▍顓т簼閹便劑宕惰閺€鑺ャ亜閺囩偞顥為悗姘炬嫹闂傚倸鍊风粈渚€骞栭銈嗗仏妞ゆ劧绠戠壕鍧楁煕閹邦垼鍤嬮柤鏉挎健閺屾稑鈽夊▎鎰▏缂傚倷璁查弲鐘诲蓟閻旂⒈鏁嶆繝濠傚枤閺嗩厼顪冮妶鍐ㄥ姷闁瑰嚖鎷�>>

正在阅读:AJAX实例应用初体验:自动保存草稿AJAX实例应用初体验:自动保存草稿

2006-08-29 09:41 出处: 作者:xujiwei 责任编辑:xietaoming

  接下来是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()

}

键盘也能翻页,试试“← →”键

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品
闂傚倸鍊风粈浣虹礊婵犲倴缂氱憸鏃堛€侀弽顓炲耿婵$偟绮弫鐘绘⒑闁偛鑻晶鎾煙椤旀娼愰柟宄版嚇瀹曘劍绻濋崒娆愭▕濠电姷顣藉Σ鍛村磻閹捐绠柨鐕傛嫹闂傚倸鍊烽悞锕傚箖閸洖纾块柟鎯版绾剧粯绻涢幋娆忕仼闁哄嫨鍎甸幃姗€鎮欓弶鍨彑婵炲瓨绮嶇划鎾诲蓟濞戙埄鏁冮柨婵嗘椤︺儵姊洪崨濠冾棖闁瑰嚖鎷�