`
leng_cn
  • 浏览: 301962 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

存储FORM数据在客户端(持久化客户端HTML中的FORM数据)

阅读更多

近一段时间要研究离线编码,然后上传至服务器端保存数据的方法,几年前就看到客户端的页面也能保存数据,想做一做这样的尝试,实现基于网页的客户端离线数据采集的方法,实现的方法其实挺简单。

 

第一:做一个通用的HTML页面,用FORM保存页面数据

 

第二:提交这个离线的HTML页面到服务端

 

第三:POST离线采集的数据

 

实现基于网页的离线数据采集

 

MSDN中的描述如下:

Persisting Form Data


Using HTML to design forms comes with some drawbacks, namely the need for a server or client-side script to process the form data. The saveSnapshot behavior can be used to save a Web page and persist the form data directly within the page itself. This allows a larger audience to use Web forms for day-to-day activities without needing a special script to process and deliver the information.

 

 

主要用到的就是saveSnapshot,代码如下:

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META content=snapshot name=save>
<STYLE>.saveSnapshot {
 BEHAVIOR: url(#default#savesnapshot)
}
</STYLE>

<META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD>
<BODY>
<FORM class=saveSnapshot id=oPersistForm>First Name: <INPUT> Last Name: <INPUT>
Exemptions: <INPUT> </FORM>
<OBJECT id=ObjWB height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT><A
onclick=document.all.ObjWB.ExecWB(4,1); href="javascript:void(0);">Save As

</A></BODY></HTML>

标红部分是需要注意的

 

当用户在填完表单内容的时候,点击Save As,保存成网页,当你下次打开网页时,就可以看到数据已经存在页面上了,实现了离线的数据采集功能,自我感觉挺好使的,呵呵

 

详细内容可以到MSDN的帮助上看看:ms-help://MS.VSCC.v80/MS.MSDN.v80/MS.WEBDEV.v10.en/behavior/workshop/author/persistence/howto/formdata.htm

 

但在安全性方面得有一些考虑,MSDN上面对此也提出了见意。

分享到:
评论

相关推荐

    editable_static_form.rar_html 增删改

    为了提高用户体验,我们可以使用AJAX(异步JavaScript和XML)技术,当用户保存更改时,将数据非同步地发送到服务器,进行持久化存储。不过,考虑到"editable_static_form"这个例子,可能并未涉及服务器交互,因此...

    如何在Web页间传递数据

    Cookie也是数据传递的一个选择,特别是对于客户端持久化的数据。在ASP.NET中,`HttpCookie`类用于创建和操作Cookie。例如,`Response.Cookies.Add(new HttpCookie("username", "John"));`用于设置Cookie,而`string ...

    mvc中使用Form进行身份认证与角色授权

    在本文中,我们将深入探讨如何在MVC(Model-View-Controller)框架中利用Form认证进行用户身份验证,并结合Cookie实现持久化的会话管理。同时,我们还将介绍如何利用Redis作为存储工具来记录异常信息,以提升系统的...

    提交多行数据到Struts的ActionForm的List属性中

    例如,你可能需要对这些数据进行持久化操作,如存储到数据库中: ```java public class SubmitAction extends Action { public ActionForward execute(ActionMapping mapping, ActionForm form, ...

    jsp.net中的页面数据传递

    如果数据量较大或者需要持久化存储,可以考虑将数据存入数据库,在需要时查询。JSP.NET提供ADO.NET框架与数据库交互,创建、查询、更新和删除记录。 9. **URL重写** 通过在URL中编码数据,可以在URL中传递信息。...

    基于注解的springmvc进行form表单操作

    在Spring MVC框架中,基于注解的编程方式极大地简化了Web应用的开发,尤其是在处理HTTP请求,如form表单提交时。本篇文章将深入探讨如何使用注解来...同时,结合MySQL这样的关系型数据库,可以方便地实现数据的持久化。

    MVC实现表单数据的接收与显示

    由于题目要求不使用数据库,所以这里不涉及数据持久化操作。 ```java RequestDispatcher dispatcher = request.getRequestDispatcher("result.jsp"); request.setAttribute("username", username); request....

    HTML5仿微信聊天页面框架

    WebSocket是一种在客户端和服务器之间建立持久连接的协议,允许双向实时通信。开发者可以利用WebSocket API在HTML5中实现消息的即时发送和接收,模拟微信的实时聊天体验。 此外,为了模拟微信的对话条目,HTML5的`...

    计算机\教程\asp.net和C#\原版教程\ASP.NET保持用户状态的选择pdf

    它可以实现跨请求的数据持久化,且生命周期可短可长,取决于设置。Cookies适合存储简单的、小量的数据,如用户偏好设置。然而,考虑到隐私和安全问题,使用Cookies需谨慎,尤其是在处理敏感信息时。 #### ...

    02_Grid使用详解-数据编辑

    这个JSON对象随后会被发送到服务器端,通常是一个Servlet,进行持久化存储或进一步的业务逻辑处理。Servlet是一种Java Web组件,它可以接收HTTP请求,处理后返回HTTP响应,是服务器端处理数据的关键角色。 为了实现...

    html页面传值

    sessionStorage仅在当前会话内有效,而localStorage则持久化存储。它们通过JavaScript操作,如`window.sessionStorage`和`window.localStorage`。 5. AJAX(异步JavaScript和XML): AJAX使得网页可以在不刷新整个...

    LocalStorage+HTML+CSS+jQuery 实现简易的学生管理系统

    主要涉及的技术栈包括HTML、CSS、JavaScript(特别是ES6语法)以及jQuery库,并利用了浏览器的LocalStorage功能来持久化存储学生数据。下面将详细讲解这些技术及其在项目中的应用。 首先,HTML(HyperText Markup ...

    ASP中的对象[借鉴].pdf

    在HTML中,**FORM**元素用于创建表单,其中`name`属性定义表单的名称,`method`(GET或POST)定义数据发送方式,`action`指定处理表单数据的脚本。例如: ```html &lt;form name="myForm" method="post" action=...

    asp.net 页面间参数传递

    4. Session:ASP.NET提供的全局存储空间,可以在多个页面间持久化数据。使用`Session["key"] = value;`进行设置,`value = (Type)Session["key"];`获取。适合存储大量或敏感数据,但要注意会消耗服务器资源,过多...

    HTML5期末考试题(卷)型.pdf

    5. HTML5 中的 Web Storage 功能可以在客户端本地存数据,localStorage 持久化本地存储,类似于 Cookie,但没有有效期,除非主动删除数据。 6. HTML5 中用于规定输入字段是必填的属性是 required。 7. HTML5 中定义...

    myWebSite共享数据

    sendRedirect()适合简单的页面跳转,session适合存储复杂或敏感数据,隐藏表单适用于页面间的数据传递,而cookie则适合持久化的用户偏好设置。在实际开发中,开发者需要根据具体情况灵活运用这些技术,以提供最佳的...

    WinForms C#:html编辑器工程源码,含直接写WebBrowser的文件流、IPersistStreamInit接口的声明和一些相关的小方法

    在本文中,我们将深入探讨基于WinForms的C# HTML编辑器工程源码,重点在于如何直接操作WebBrowser控件的文件流以及利用IPersistStreamInit接口进行数据持久化。WinForms是.NET Framework中的一个用户界面框架,而C#...

    7-1 表单处理下.zip

    服务器端处理则负责验证数据的安全性和完整性,并可能将数据存储到数据库或其他持久化存储中。 在HTML表单中,`action`属性定义了表单提交后的处理方式,可以设置为URL,表示数据将被发送到哪个页面处理。`method`...

    net页面之间传值

    Session是服务器端的一种存储方式,可以用来在多个页面间持久化数据。在Page1中设置Session变量,如`Session["key"] = value;`,在Page2中可以使用`Session["key"]`来获取。Session适合存储用户会话信息,但过多的...

    ASP.Net程序设计(新) 系统对象与数据传递.doc

    3. **Cookie对象的应用**:Cookie是存储在用户浏览器上的小型文本文件,用于在客户端持久存储信息。它们可用于跟踪用户偏好、身份验证等。创建和管理Cookie涉及Cookie类的构造函数、Name、Value属性,以及Expires、...

Global site tag (gtag.js) - Google Analytics