CN102789454B - 一种浏览器网页中的输入框内容即时存储方法及系统 - Google Patents

Abstract

本发明公开了一种浏览器网页中的输入框内容即时存储方法，该方法包括：用户登录浏览器的客户端后进入浏览器网页，客户端每次获取到用户输入的内容后直接存储到在客户端本地开辟的缓存空间中，不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束。本发明还公开了一种浏览器网页中的输入框内容即时存储系统，系统中的存储单元用于内容获取单元将每次获取到的用户输入的内容直接存储到在客户端本地开辟的缓存空间中，不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束。采用本发明的方法及系统，不仅能避免输入内容丢失和无法重新找回输入内容的缺陷，而且能降低服务器负荷增大及避免造成网络拥塞的缺陷。

Description

一种浏览器网页中的输入框内容即时存储方法及系统

技术领域

本发明涉及即时存储技术，尤其涉及一种浏览器网页中的输入框内容即时存储方法及系统。

背景技术

现有技术中，用户登录浏览器的客户端后进入浏览器网页，在浏览器网页中的输入框输入内容时，通常是在用户结束对完整内容的输入后，才会将输入的完整内容发送到浏览器的后台服务器进行存储。每次输入结束客户端都会向服务器发送存储请求消息。然而，由于用户终端的系统不稳定，或者网络不稳定等因素，常常会出现浏览器页面跳转、不小心关闭浏览器页面或者突然断电的情况，可见，采用现有技术的缺点是：一方面，当出现这些情况下，由于全部内容输入结束后才可以存储，因此，如果未能及时存储到服务器，则会导致输入内容丢失和无法重新找回输入内容的缺陷；另一方面，每次输入结束客户端都会向服务器发送存储请求消息以进行存储，会增加浏览器的客户端与浏览器的后台服务器间的大量消息交互，大量消息交互势必造成服务器负荷增大及造成网络拥塞的缺陷。

发明内容

有鉴于此，本发明的主要目的在于提供一种浏览器网页中的输入框内容即时存储方法及系统，不仅能避免输入内容丢失和无法重新找回输入内容的缺陷，而且能降低服务器负荷增大及避免造成网络拥塞的缺陷。

为达到上述目的，本发明的技术方案是这样实现的：

一种浏览器网页中的输入框内容即时存储方法，该方法包括：用户登录浏览器的客户端后进入浏览器网页，客户端每次获取到用户输入的内容后直接存储到在客户端本地开辟的缓存空间中，不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束。

其中，再次进入浏览器网页时，该方法还包括：如果所述缓存空间的内容不为空，则客户端从所述缓存空间中读取已经存储的、上次输入的内容，恢复到浏览器页面的输入框中。

其中，存在多个浏览器页面的情况下，该方法还包括：将所述缓存空间划分为对应的多个缓存区，并设置所进入的浏览器网页与缓存区的对应关系；

将客户端获取的每个浏览器网页的用户输入的内容，根据所设置的浏览器网页与缓存区的对应关系，存储到对应的缓存区中。

其中，再次进入浏览器网页时，该方法还包括：根据当前进入的浏览器网页与缓存区的对应关系，客户端从对应的缓存区读取上次输入的内容，恢复到当前进入的浏览器页面的输入框中。

其中，客户端按照设置的字节长度来获取用户输入的内容的情况下，该方法还包括：每次获取完毕，根据当前获取的用户输入内容和获取时间生成内容标识，将输入框的内容及其内容标识存储到所述缓存空间中，直到输入操作结束。

其中，再次进入浏览器网页时，该方法还包括：客户端从所述缓存空间中读取带有内容标识的输入的内容，按照时间先后顺序，恢复到浏览器页面的输入框中。

一种浏览器网页中的输入框内容即时存储系统，该系统包括客户端的内容获取单元、客户端的存储单元；其中，

所述内容获取单元，用于用户登录浏览器的客户端后进入浏览器网页，每次获取用户输入的内容；

所述存储单元，用于内容获取单元将每次获取到的用户输入的内容直接存储到在客户端本地开辟的缓存空间中，不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束。

其中，该系统还包括：读取及恢复单元，用于再次进入浏览器网页时，如果所述缓存空间的内容不为空，则从所述缓存空间中读取已经存储的、上次输入的内容，恢复到浏览器页面的输入框中。

其中，该系统还包括划分及设置单元，用于存在多个浏览器页面的情况下，将所述缓存空间划分为对应的多个缓存区，并设置所进入的浏览器网页与缓存区的对应关系；

所述存储单元，进一步用于内容获取单元将获取的每个浏览器网页的用户输入的内容，根据所设置的浏览器网页与缓存区的对应关系，存储到对应的缓存区中。

其中，所述读取及恢复单元，进一步用于再次进入浏览器网页时，根据当前进入的浏览器网页与缓存区的对应关系，从对应的缓存区读取上次输入的内容，恢复到当前进入的浏览器页面的输入框中。

本发明的用户登录浏览器的客户端后进入浏览器网页，客户端每次获取到用户输入的内容后直接存储到在客户端本地开辟的缓存空间中，不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束。采用本发明，一方面，由于本发明区别于现有技术不是将完整内容输入完毕才存储，而是随着输入即时存储，因此，能避免输入内容丢失和无法重新找回输入内容的缺陷；另一方面，由于本发明区别于现有技术不是将输入内容存储到服务器，而是将输入内容在客户端本地存储，无需客户端与服务器间的消息交互，因此，能降低服务器负荷增大及避免造成网络拥塞的缺陷。

附图说明

图1为本发明方法的实现流程图。

具体实施方式

本发明的基本思想是：用户登录浏览器的客户端后进入浏览器网页，客户端每次获取到用户输入的内容后直接存储到在客户端本地开辟的缓存空间中，不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束。

下面结合附图对技术方案的实施作进一步的详细描述。

一种浏览器网页中的输入框内容即时存储方法，如图1所示，包括以下步骤：

步骤101、用户登录浏览器的客户端后进入浏览器网页，客户端获取用户输入的内容。

步骤102、客户端每次获取到用户输入的内容后直接存储到在客户端本地开辟的缓存空间中。

这里，当用户输入内容时，客户端会不断的将输入框的内容即时存储到缓存空间中，直到输入操作结束。可以采用JavaScript浏览器脚本语言来实现，利用JavaScript会不断的将输入框的内容存储到本地，读取操作也可以由JavaScript浏览器脚本语言来实现。如果是IE浏览器中，则JavaScript浏览器脚本语言具体使用UserData；如果是其他浏览器，则JavaScript浏览器脚本语言具体使用localStorage。

步骤103、再次进入浏览器网页，客户端从缓存空间中读取已经存储的、上次输入的内容，可以用复制的方式，将读取的该上次输入的内容恢复到浏览器页面的输入框中。

综上所述，本发明是基于本地存储的、输入内容即时存储方案，由于是本地即时存储，因此，即便用户终端的系统不稳定，或者网络不稳定等因素导致了浏览器页面跳转、不小心关闭浏览器页面或者突然断电的情况，由于输入框的用户输入内容依然存储在本地，不会丢失。当用户再次打开页面时，首先会读取本地存储中是否有上次输入的内容，如果有，则复制到输入框内，还原最后一次输入的内容。

进一步的，存在多个浏览器页面的情况下，可以将缓存空间划分为与浏览器网页对应的多个缓存区，并设置所进入的浏览器网页与缓存区的对应关系，这样一来，就可以即时存储及恢复不同浏览器网页的输入内容。

进一步的，如果获取用户输入内容，不是随输入而即时获取的方式(比如每次输入一个字符就获取)，而是客户端按照设置的字节长度来获取用户输入的内容的情况，每次获取完毕，根据当前获取的用户输入内容和获取时间生成内容标识，将输入框的内容及其内容标识存储到所述缓存空间中，直到输入操作结束。这样一来，再次进入浏览器网页时，客户端从缓存空间中读取带有内容标识的输入的内容，就可以按照时间先后顺序，有选择的、恢复到浏览器页面的输入框中，而不是只能恢复最后一次浏览器网页的输入内容。

进一步的，也可以将上述存在多个浏览器页面的情况和上述按照设置的字节长度来获取用户输入的内容的情况进行结合使用，不做赘述。

一种浏览器网页中的输入框内容即时存储系统，该系统包括客户端的内容获取单元、客户端的存储单元。其中，内容获取单元用于用户登录浏览器的客户端后进入浏览器网页，每次获取用户输入的内容。存储单元用于内容获取单元将每次获取到的用户输入的内容直接存储到在客户端本地开辟的缓存空间中，不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束。

进一步的，该系统还包括：读取及恢复单元，用于再次进入浏览器网页时，如果缓存空间的内容不为空，则从缓存空间中读取已经存储的、上次输入的内容，恢复到浏览器页面的输入框中。

进一步的，该系统还包括划分及设置单元，用于存在多个浏览器页面的情况下，将所述缓存空间划分为对应的多个缓存区，并设置所进入的浏览器网页与缓存区的对应关系。存储单元进一步用于内容获取单元将获取的每个浏览器网页的用户输入的内容，根据所设置的浏览器网页与缓存区的对应关系，存储到对应的缓存区中。

进一步的，读取及恢复单元进一步用于再次进入浏览器网页时，根据当前进入的浏览器网页与缓存区的对应关系，从对应的缓存区读取上次输入的内容，恢复到当前进入的浏览器页面的输入框中。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。

Claims (9)

1.一种浏览器网页中的输入框内容即时存储方法，其特征在于，该方法包括：用户登录浏览器的客户端后进入浏览器网页，客户端每次获取到用户输入的内容后不是将完整内容输入完毕才存储，而是客户端按照设置的字节长度来获取用户输入的内容，每次获取完毕，根据当前获取的用户输入内容和获取时间生成内容标识，将输入框的内容及其内容标识直接存储到在客户端本地开辟的缓存空间中，以利于当用户再次打开页面时首先会读取本地存储中是否有上次输入的内容；采用JavaScript浏览器脚本语言来实现不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束；

客户端不是只能恢复最后一次浏览器网页的输入内容，是按照时间先后顺序，采用JavaScript浏览器脚本语言来实现读取操作以有选择的将所述缓存空间中的内容恢复到浏览器页面的输入框中。

2.根据权利要求1所述的方法，其特征在于，再次进入浏览器网页时，该方法还包括：如果所述缓存空间的内容不为空，则客户端从所述缓存空间中读取已经存储的、上次输入的内容，恢复到浏览器页面的输入框中。

3.根据权利要求1所述的方法，其特征在于，存在多个浏览器页面的情况下，该方法还包括：将所述缓存空间划分为对应的多个缓存区，并设置所进入的浏览器网页与缓存区的对应关系；

将客户端获取的每个浏览器网页的用户输入的内容，根据所设置的浏览器网页与缓存区的对应关系，存储到对应的缓存区中。

4.根据权利要求3所述的方法，其特征在于，再次进入浏览器网页时，该方法还包括：根据当前进入的浏览器网页与缓存区的对应关系，客户端从对应的缓存区读取上次输入的内容，恢复到当前进入的浏览器页面的输入框中。

5.根据权利要求1所述的方法，其特征在于，再次进入浏览器网页时，该方法还包括：客户端从所述缓存空间中读取带有内容标识的输入的内容，按照时间先后顺序，恢复到浏览器页面的输入框中。

6.一种浏览器网页中的输入框内容即时存储系统，其特征在于，该系统包括客户端的内容获取单元、客户端的存储单元；其中，

所述内容获取单元，用于用户登录浏览器的客户端后进入浏览器网页，每次获取用户输入的内容；

所述存储单元，用于内容获取单元每次获取到的用户输入的内容后不是将完整内容输入完毕才存储，而是通过内容获取单元按照设置的字节长度来获取用户输入的内容，每次获取完毕，根据当前获取的用户输入内容和获取时间生成内容标识，将输入框的内容及其内容标识直接存储到在客户端本地开辟的缓存空间中，以利于当用户再次打开页面时首先会读取本地存储中是否有上次输入的内容；采用JavaScript浏览器脚本语言来实现不断的将输入框的内容即时存储到所述缓存空间中，直到输入操作结束；不是只能恢复最后一次浏览器网页的输入内容，是按照时间先后顺序，采用JavaScript浏览器脚本语言来实现读取操作以有选择的将所述缓存空间中的内容恢复到浏览器页面的输入框中。

7.根据权利要求6所述的系统，其特征在于，该系统还包括：读取及恢复单元，用于再次进入浏览器网页时，如果所述缓存空间的内容不为空，则从所述缓存空间中读取已经存储的、上次输入的内容，恢复到浏览器页面的输入框中。

8.根据权利要求6所述的系统，其特征在于，该系统还包括划分及设置单元，用于存在多个浏览器页面的情况下，将所述缓存空间划分为对应的多个缓存区，并设置所进入的浏览器网页与缓存区的对应关系；

所述存储单元，进一步用于内容获取单元将获取的每个浏览器网页的用户输入的内容，根据所设置的浏览器网页与缓存区的对应关系，存储到对应的缓存区中。

9.根据权利要求8所述的系统，其特征在于，所述读取及恢复单元，进一步用于再次进入浏览器网页时，根据当前进入的浏览器网页与缓存区的对应关系，从对应的缓存区读取上次输入的内容，恢复到当前进入的浏览器页面的输入框中。