Jquery 自动保存草稿
2014-04-30 18:10
246 查看
<?php error_reporting(E_ALL ^ E_NOTICE); if($_GET){ print_r($_GET); setcookie("cookie_name","",time()-3600); } if(isset($_COOKIE["cookie_name"])){ $array = stripslashes($_COOKIE["cookie_name"]); $result = json_decode($array,true); } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Jquery 自动保存</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.cookie.js" type="text/javascript"></script> <script src="json2.js" type="text/javascript"></script> <script language="javascript"> function AutoSave(){ //组合成数组 var data={}; data['name']=$("#name").val(); data['content']=$("#content").val(); //转换成JSON格式 var valdata = JSON.stringify(data); $.cookie('cookie_name', valdata, { expires: 7 }); //设置带时间的cookie 7天 var obj = eval( "(" + $.cookie('cookie_name') + ")" );//转换后的JSON对象 alert(obj.name); } </script> </head> <body> <form action="index.php" method="GET" id="form1"> <table style="width: 100%;"> <tr> <td class="style1"> 文章名 </td> <td><input id="name" type="text" name="name" value="<?=$result['name']!=''?$result['name']:'';?>" onblur ="AutoSave()"/></td> </tr> <tr> <td class="style1"> 文章内容 </td> <td><textarea id="content" name="content" onblur ="AutoSave()"><?=$result['content']!=''?$result['content']:'';?></textarea></td> </tr> <tr> <td colspan="2" style="text-align: center"><input name="提交" type="submit" id="Button1" value="button" /></td> </tr> </table> </form> </body> </html>
相关文章推荐
- 编写一个简单的Jquery插件
- 【jQuery学习笔记----jQuery插件开发】
- jquery日历控件
- jQuery选择器大全
- jQuery选择器总结
- jquery扩展例子
- jQuery.extend 函数详解
- 使用Jquery获取带特殊符号的ID 标签的方法
- jQuery Wookmark-2 jQuery动态表格插件的效果展示
- 【jQuery学习笔记--------AJAX之jQuery角度分析】
- 【jQuery学习笔记-----AJAX之jQuery角度分析】
- jQuery获取Select选择的Text和 Value
- jquery validation remote进行唯一性验证时只使用自定义参数,不使用默认参数
- jquery---ajax异步提交+validate表单验证
- jquery easyUI ComboTree使用心得
- jQuery $("input")和$("<input>")的区别
- 基于jquery实现的类似百度搜索的输入框自动完成功能
- JQuery中$(document).ready() 与window.onload的区别
- 实现自己的Jquery之选择器
- jquery 操作实例一