知识大全 ajax+jsp草稿自动保存的实现代码

Posted 2022-07-18 知

篇首语：读书志在圣贤，为官心存君国。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 ajax+jsp草稿自动保存的实现代码相关的知识，希望对你有一定的参考价值。

一表单部分 (l) 首先是表单填写页面用一个ID为AutoSaveMsg的DIV来显示返回信息并且用一个ID为Draft_AutoSave的CheckBox来确定是否进行自动保存然后将Textarea的ID命名为message 同时为了应对多用户同时使用的需要加上用户名每个用户的草稿分开保存为了说明方便这里把一些修饰性的东西去掉这样看起来比较明了 <h >AJAX应用之草稿自动保存</h ><br /> <! 用户名默认为NONAME > 用户名 <input type= text name= memName id= memName size= value= NONAME disabled= true /> <! 在自动保存选项的onclick事件中调用自动保存状态设置函数 > <input onclick= SetAutoSave(); type= checkbox id= Draft_AutoSave value= checked= true />自动保存？ <br /><br /> 内容 <textarea cols= rows= id= message >你编辑的内容将被自动保存以便恢复</textarea><br /><br /> <! AutoSaveMsg显示返回信息 > <div id= AutoSaveMsg ></div><br /> <input type= submit onclick= Save(); value= Save /> <! 调用函数恢复最后保存的草稿 > <input type= button onclick= AutoSaveRestore(); value= Restore /> </div> </div> <! 将JS代码放在所有对象之后以免在页面未加载完成时出现对象不存在的错误 > |<! AJAX类 > <script type= text/javascript src= ajaxrequest js ></script> <! 自动保存代码 > <script type= text/javascript src= autosave js ></script> 二自动保存代码(autosave jsp) // 首先设置全局变量 // 要保存的内容对象FormContent var FormContent; // 显示返回信息的对象 var AutoSaveMsg=document getElementById( AutoSaveMsg ); // 用户名 var memName=document getElementById( memName ) value; // 自动保存时间间隔 var AutoSaveTime= ; // 计时器对象 var AutoSaveTimer; // 首先设置一次自动保存状态 SetAutoSave(); // 自动保存函数 function AutoSave() FormContent=document getElementById( message ); // 如果内容或用户名为空则不进行处理直接返回 if(!FormContent value||!memName) return; // 创建AJAXRequest对象 var ajaxobj=new AJAXRequest; ajaxobj url= autosave jsp ; ntent= action=AutoSave&memname= +memName+ &postcontent= +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() // 恢复最后保存的草稿 AutoSaveMsg innerHTML= 正在恢复请稍候…… FormContent=document getElementById( message ); // 如果用户名为空则不进行处理直接返回 if(!memName) return; // 创建AJAXRequest对象 var ajaxobj=new AJAXRequest; ajaxobj url= autosave jsp ; ntent= action=Restore&memname= +memName; ajaxobj callback=function(xmlObj) // 显示反馈信息 if(xmlObj responseText!= ) // 恢复草稿 var s=xmlObj responseText replace(/^[\\n|\\r\\n]*|[\\n|\\r\\n]*$/g );//去掉首尾空行 FormContent innerText=s; // 提示用户恢复成功 AutoSaveMsg innerHTML= 恢复成功 ; ajaxobj send(); function Save() //将内容保存至数据库没有完成 FormContent=document getElementById( message ); // 如果内容或用户名为空则不进行处理直接返回 if(!FormContent value||!memName) return; // 创建AJAXRequest对象 var ajaxobj=new AJAXRequest; ajaxobj url= autosave jsp ; ntent= action=Save&memname= +memName+ &postcontent= +FormContent value; ajaxobj callback=function(xmlObj) // 显示反馈信息 AutoSaveMsg innerHTML=xmlObj responseText; ajaxobj send(); 三最后是autosave jsp 用于在后台保存草稿　　程序代码 <%@ page contentType= text/; charset=gb %> <%@ page import= java util * %> <%@ page import= java io * %> <% String PostContent memName action; String filename; File f; FileWriter fw; action=request getParameter( action );//获取操作是保存草稿还是恢复草稿 //获取用户名 memName=request getParameter( memname ); //获取草稿内容 PostContent=request getParameter( postcontent ); filename=memName+ txt ;//保存草稿的文件 filename= request getRealPath( /temp/ +filename); if(action equals( Save )||action equals( AutoSave )) //这里两个动作合并了保存到数据库的代码没有写 f = new File(filename); if(!f exists())//如果文件不存则建立 f createNewFile(); fw = new FileWriter(filename); //建立FileWrite对象并设定由fw对象变量引用 PostContent=new String(PostContent getBytes( ISO _ ) UTF ); fw write(PostContent); fw close(); //关闭文件 out println( 最后于 +new Date() toString()+ 自动保存成功!! ); else if(action equals( Restore ))//恢复操作 FileReader fr = new FileReader(filename); //建立FileReader对象并设定由fr对象变量引用 BufferedReader br = new BufferedReader(fr); //建立BufferedReader对象并设定由br对象变量引 StringBuffer bf=new StringBuffer(); String Line; while((Line = br readLine())!=null) //读取一行数据 bf append(Line+ \\n ); out print(bf toString() trim()); else out println( 发生错误 ); %> 四 AJAX类（ajaxrequest js）请下载 cha138/Article/program/Java/JSP/201405/30749