技术简介:
本专利针对页面请求中重复加载已加载信息导致的网络流量浪费问题,提出基于JSON数据格式的异步传输方法。通过服务器首次发送静态资源,后续仅传输增量数据,客户端利用JSON格式动态更新页面,避免全量刷新,实现流量节省与代码解耦。该方案通过异步通信机制提升系统响应效率,增强代码可维护性与扩展性。
关键词:JSON异步传输,数据格式优化,页面更新方法
专利名称:基于json数据格式的异步传输方法、装置及系统的制作方法
技术领域:
本发明涉及数据传输领域,尤其涉及一种基于json数据格式的异步传输方法、装 置及系统。
背景技术:
目前,Web网页在显示之前,所有的数据都已经准备好,网页展现的时候需要一次 性的将所有的数据传输到页面上。如果需要与服务端交互,则需要再次跳转页面,重新发起 http请求,将网页所需的所有数据重新输出到浏览器页面。在执行上述网页展现的过程中,每次发送http请求的时候,都要重新转向并且输 出到页面,这样需要传输大量的http头信息,原来页面已经加载的信息也会重新加载,极 大的占用了网络流量;并且由于每次操作都需要重新转向页面,造成大量的冗余代码,使得 代码复用程度很低,对于项目维护造成了极大困难。
发明内容本发明的实施例提供一种基于json数据格式的异步传输方法、装置及系统,能够 避免已经加载的信息的重新加载,从而节省了网络流量,并且使代码具有原子性,提高了项 目的可维护性和可扩展性。为达到上述目的,本发明的实施例采用如下技术方案一方面,本发明的一个实施例提供一种基于json数据格式的异步传输方法,包 括服务器接收客户端发送的首次页面请求,并将与所述首次页面请求对应页面的静 态资源发送给所述客户端;接收所述客户端发送的与所述页面相关的数据请求,并根据所述数据请求查询数 据库,获取与所述数据请求对应的数据;将所述与数据请求对应的数据转化为具有json数据格式的数据,并将所述具有 json数据格式的数据发送给所述客户端,以便所述客户端根据所述具有json数据格式的 数据和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。一方面,本发明的另一实施例提供一种基于json数据格式的异步传输方法,包 括客户端向服务器发送首次页面请求,并接收所述服务器发送的与所述首次页面请 求对应页面的静态资源;当需要更新所述页面时,所述客户端向所述服务器发送与所述页面相关的数据 请求,以便所述服务器根据所述数据请求查询数据库,将获取的与所述数据请求对应的数 据转化为具有json数据格式的数据,并将所述具有json数据格式的数据发送给所述客户 端;接收所述服务器发送的具有json数据格式的数据,并根据所述具有json数据格式的数据和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。另一方面,本发明的一个实施例提供一种服务器,包括第一接收单元,用于接收客户端发送的首次页面请求;第一发送单元,用于将与所述首次页面请求对应页面的静态资源发送给所述客户 端;第二接收单元,用于接收所述客户端发送的与所述页面相关的数据请求;获取单元,用于根据所述第二接收单元接收的所述数据请求查询数据库,获取与 所述数据请求对应的数据;数据格式转换单元,用于将所述与数据请求对应的数据转化为具有json数据格 式的数据;第二发送单元,用于将所述具有json数据格式的数据发送给所述客户端,以便所 述客户端根据所述具有json数据格式的数据和所述页面的静态资源进行页面操作,将页 面操作得到的页面展现给用户。另一方面,本发明的另一个实施例提供一种客户端,包括第一发送单元,用于向服务器发送首次页面请求,以便所述服务器将与所述首次 页面请求对应页面的静态资源发送给所述客户端;第一接收单元,用于接收所述服务器发送的与所述首次页面请求对应页面的静态 资源;第二发送单元,用于当需要更新所述页面时,向所述服务器发送与所述页面相关 的数据请求,以便所述服务器根据所述数据请求查询数据库,将获取的与所述数据请求对 应的数据转化为具有json数据格式的数据,并将所述具有json数据格式的数据发送给所 述客户端;第二接收单元,用于接收所述服务器发送的具有json数据格式的数据;操作单元,用于根据所述第二接收单元接收的所述具有json数据格式的数据和 所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。再一方面,本发明的实施例提供一种基于json数据格式的异步传输系统,包括客户端,用于向服务器发送首次页面请求,并接收所述服务器发送的与所述首次 页面请求对应页面的静态资源;当需要更新所述页面时,所述客户端向所述服务器发送与 所述页面相关的数据请求,以便所述服务器根据所述数据请求查询数据库,将获取的与所 述数据请求对应的数据转化为具有json数据格式的数据,并将所述具有json数据格式的 数据发送给所述客户端;接收所述服务器发送的具有json数据格式的数据,并根据所述具 有json数据格式的数据和所述页面的静态资源进行页面操作,将页面操作得到的页面展 现给用户;服务器,用于接收所述客户端发送的首次页面请求,并将与所述首次页面请求对 应页面的静态资源发送给所述客户端;接收所述客户端发送的与所述页面相关的数据请 求,并根据所述数据请求查询数据库,获取与所述数据请求对应的数据;将所述与数据请求 对应的数据转化为具有json数据格式的数据,并将所述具有json数据格式的数据发送给 所述客户端,以便所述客户端根据所述具有json数据格式的数据和所述页面的静态资源 进行页面操作,将页面操作得到的页面展现给用户。
本发明实施例提供的技术方案,与现有技术中每次需要重新加载页面所有数据相 比,服务器在接收到客户端发送的首次页面请求,并将与所述首次页面请求对应页面的静 态资源发送给所述客户端,并在该客户端再次发送数据请求时,将该数据请求对应的数据 以json数据的数据格式发送给客户端,客户端根据所述具有json数据格式的数据和所述 页面的静态资源进行页面操作,便可将页面操作得到的页面展现给用户,能够避免已经加 载的信息的重新加载,从而节省了网络流量,并且客户端再次发送的数据是独立于原静态 资源的,使代码具有原子性,提高了项目的可维护性和可扩展性。
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本 发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以 根据这些附图获得其他的附图。图1为本发明实施例1中基于json数据格式的异步传输方法的服务器侧流程图;图2为本发明实施例1中基于json数据格式的异步传输方法的客户端侧流程图;图3为本发明实施例2中服务器的组成框图;图4为本发明实施例2中客户端的组成框图;图5为本发明实施例2中基于json数据格式的异步传输系统的组成框图。
具体实施例方式下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完 整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于 本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他 实施例,都属于本发明保护的范围。实施例1本发明实施例提供一种基于json数据格式的异步传输方法,该方法为服务器侧 的方法,如图1所示,该方法包括101、服务器接收客户端发送的首次页面请求,并将与所述首次页面请求对应页面 的静态资源发送给所述客户端。其中,所述静态资源可以为但不局限于图片、ess(全称Cascading StyleSheet), js (全禾尔 javascript)。102、接收所述客户端发送的与所述页面相关的数据请求,并根据所述数据请求查 询数据库,获取与所述数据请求对应的数据。其中,所述数据请求对应的数据根据用户的请求确定,其可以为查询或者操作的 结果对应的数据。103、将所述与数据请求对应的数据转化为具有json数据格式的数据,并将所述 具有json数据格式的数据发送给所述客户端,以便所述客户端根据所述具有json数据格 式的数据和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。其中,将所述具有json数据格式的数据发送给所述客户端,可以采用以下方法实
6现,该方法包括通过数据响应将所述具有json数据格式的数据发送给所述客户端;但本 发明实施例对此并不进行限制,只要能够将所述具有json数据格式的数据发送给所述客 户端的方法,都属于本发明实施例保护的范围。本发明实施例还提供一种基于json数据格式的异步传输方法,该方法为客户端 侧的方法,如图2所示,该方法包括201、客户端向服务器发送首次页面请求,并接收所述服务器发送的与所述首次页 面请求对应页面的静态资源。其中,所述静态资源可以为但不局限于图片、CSS、jS。202、当需要更新所述页面时,所述客户端向所述服务器发送与所述页面相关的数 据请求,以便所述服务器根据所述数据请求查询数据库,将获取的与所述数据请求对应的 数据转化为具有json数据格式的数据,并将所述具有json数据格式的数据发送给所述客户端。203、接收所述服务器发送的具有json数据格式的数据,并根据所述具有json数 据格式的数据和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。其中,所述根据所述具有json数据格式的数据和所述页面的静态资源进行页面 操作,可以采用以下的方法实现,包括根据所述具有json数据格式的数据和所述页面的 静态资源,通过调用js进行页面操作。本发明实施例中,服务器在接收到客户端发送的首次页面请求,并将与所述首次 页面请求对应页面的静态资源发送给所述客户端,并在该客户端再次发送数据请求时,将 该数据请求对应的数据以json数据的数据格式发送给客户端,客户端根据所述具有json 数据格式的数据和所述页面的静态资源进行页面操作,便可将页面操作得到的页面展现给 用户,能够避免已经加载的信息的重新加载,从而节省了网络流量,并且客户端再次发送的 数据是独立于原静态资源的,使代码具有原子性,提高了项目的可维护性和可扩展性。实施例2本发明实施例提供一种服务器,如图3所示,该服务器包括第一接收单元31、第 一发送单元32、第二接收单元33、获取单元34、数据格式转换单元35和第二发送单元36。第一接收单元31,用于接收客户端发送的首次页面请求;其中,所述静态资源可 以为但不局限于图片、CSS、js。第一发送单元32,用于将与所述首次页面请求对应页面的静态资源发送给所述客 户端。第二接收单元33,用于接收所述客户端发送的与所述页面相关的数据请求。获取单元34,用于根据所述第二接收单元33接收的所述数据请求查询数据库,获 取与所述数据请求对应的数据;其中,所述数据请求对应的数据根据用户的请求确定,其可 以为查询或者操作的结果对应的数据。数据格式转换单元35,用于将所述与数据请求对应的数据转化为具有json数据 格式的数据。第二发送单元36,用于将所述具有json数据格式的数据发送给所述客户端,以便 所述客户端根据所述具有json数据格式的数据和所述页面的静态资源进行页面操作,将 页面操作得到的页面展现给用户。
7
其中,所述第二发送单元36将所述具有json数据格式的数据发送给所述客户端, 可以采用以下方法实现,该方法包括通过数据响应将所述具有json数据格式的数据发送 给所述客户端;但本发明实施例对此并不进行限制,只要能够将所述具有json数据格式的 数据发送给所述客户端的方法,都属于本发明实施例保护的范围。本发明实施例还提供一种客户端,该客户端可以为但不局限于浏览器,如图4所 示,该客户端包括第一发送单元41、第一接收单元42、第二发送单元43、第二接收单元44 和操作单元45。第一发送单元41,用于向服务器发送首次页面请求,以便所述服务器将与所述首 次页面请求对应页面的静态资源发送给所述客户端;其中,所述静态资源可以为但不局限 于图片、CSS、jSo第一接收单元42,用于接收所述服务器发送的与所述首次页面请求对应页面的静 态资源。第二发送单元43,用于当需要更新所述页面时,向所述服务器发送与所述页面相 关的数据请求,以便所述服务器根据所述数据请求查询数据库,将获取的与所述数据请求 对应的数据转化为具有json数据格式的数据,并将所述具有json数据格式的数据发送给 所述客户端。第二接收单元44,用于接收所述服务器发送的具有json数据格式的数据。操作单元45,用于根据所述第二接收单元44接收的所述具有json数据格式的数 据和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。其中,所述操作单元45根据所述具有json数据格式的数据和所述页面的静态资 源进行页面操作,可以采用以下的方法实现,包括根据所述具有json数据格式的数据和 所述页面的静态资源,通过调用js进行页面操作根据所述具有json数据格式的数据和所 述页面的静态资源,通过调用js进行页面操作。本发明实施例还提供一种基于json数据格式的异步传输系统,如图5所示,该系 统包括客户端51和服务器52。客户端51,用于向服务器52发送首次页面请求,并接收所述服务器52发送的与 所述首次页面请求对应页面的静态资源;当需要更新所述页面时,所述客户端51向所述服 务器52发送与所述页面相关的数据请求,以便所述服务器52根据所述数据请求查询数据 库,将获取的与所述数据请求对应的数据转化为具有json数据格式的数据,并将所述具有 json数据格式的数据发送给所述客户端;接收所述服务器52发送的具有json数据格式的 数据,并根据所述具有json数据格式的数据和所述页面的静态资源进行页面操作,将页面 操作得到的页面展现给用户。服务器52,用于接收所述客户端51发送的首次页面请求,并将与所述首次页面请 求对应页面的静态资源发送给所述客户端51 ;接收所述客户端51发送的与所述页面相关 的数据请求,并根据所述数据请求查询数据库,获取与所述数据请求对应的数据;将所述与 数据请求对应的数据转化为具有json数据格式的数据,并将所述具有json数据格式的数 据发送给所述客户端,以便所述客户端51根据所述具有json数据格式的数据和所述页面 的静态资源进行页面操作,将页面操作得到的页面展现给用户。本发明实施例中,所述客户端和服务器的其他相应功能,可以参考图1至图4中的相应描述,本发明实施例此处将不再赘述。本发明实施例中,服务器在接收到客户端发送的首次页面请求,并将与所述首次 页面请求对应页面的静态资源发送给所述客户端,并在该客户端再次发送数据请求时,将 该数据请求对应的数据以json数据的数据格式发送给客户端,客户端根据所述具有json 数据格式的数据和所述页面的静态资源进行页面操作,便可将页面操作得到的页面展现给 用户,能够避免已经加载的信息的重新加载,从而节省了网络流量,并且客户端再次发送的 数据是独立于原静态资源的,使代码具有原子性,提高了项目的可维护性和可扩展性。通过以上的实施方式的描述,所属领域的技术人员可以清楚地了解到本发明可借 助软件加必需的通用硬件的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳 的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部 分可以以软件产品的形式体现出来,该计算机软件产品存储在可读取的存储介质中,如计 算机的软盘,硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机, 服务器,或者网络设备等)执行本发明各个实施例所述的方法。以上所述,仅为本发明的
具体实施方式,但本发明的保护范围并不局限于此,任何 熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵 盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
9
权利要求1.一种基于json数据格式的异步传输方法,其特征在于,包括服务器接收客户端发送的首次页面请求,并将与所述首次页面请求对应页面的静态资 源发送给所述客户端;接收所述客户端发送的与所述页面相关的数据请求,并根据所述数据请求查询数据 库,获取与所述数据请求对应的数据;将所述与数据请求对应的数据转化为具有json数据格式的数据,并将所述具有json 数据格式的数据发送给所述客户端,以便所述客户端根据所述具有json数据格式的数据 和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。
2.根据权利要求1所述的方法,其特征在于,将所述具有json数据格式的数据发送给 所述客户端,包括通过数据响应将所述具有json数据格式的数据发送给所述客户端。
3.一种基于json数据格式的异步传输方法,其特征在于,包括客户端向服务器发送首次页面请求,并接收所述服务器发送的与所述首次页面请求对 应页面的静态资源;当需要更新所述页面时,所述客户端向所述服务器发送与所述页面相关的数据请求, 以便所述服务器根据所述数据请求查询数据库,将获取的与所述数据请求对应的数据转化 为具有json数据格式的数据,并将所述具有json数据格式的数据发送给所述客户端;接收所述服务器发送的具有json数据格式的数据,并根据所述具有json数据格式的 数据和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。
4.根据权利要求3所述的方法,其特征在于,所述根据所述具有json数据格式的数据 和所述页面的静态资源进行页面操作,包括根据所述具有json数据格式的数据和所述页面的静态资源,通过调用js进行页面操作。
5. 一种服务器,其特征在于,包括第一接收单元,用于接收客户端发送的首次页面请求;第一发送单元,用于将与所述首次页面请求对应页面的静态资源发送给所述客户端;第二接收单元,用于接收所述客户端发送的与所述页面相关的数据请求;获取单元,用于根据所述第二接收单元接收的所述数据请求查询数据库,获取与所述 数据请求对应的数据;数据格式转换单元,用于将所述与数据请求对应的数据转化为具有json数据格式的 数据;第二发送单元,用于将所述具有json数据格式的数据发送给所述客户端,以便所述客 户端根据所述具有json数据格式的数据和所述页面的静态资源进行页面操作,将页面操 作得到的页面展现给用户。
6.根据权利要求5所述的服务器,其特征在于,所述第二发送单元具体用于,通过数据 响应将所述具有json数据格式的数据发送给所述客户端。
7.一种客户端,其特征在于,包括第一发送单元,用于向服务器发送首次页面请求,以便所述服务器将与所述首次页面 请求对应页面的静态资源发送给所述客户端;第一接收单元,用于接收所述服务器发送的与所述首次页面请求对应页面的静态资源;第二发送单元,用于当需要更新所述页面时,向所述服务器发送与所述页面相关的数 据请求,以便所述服务器根据所述数据请求查询数据库,将获取的与所述数据请求对应的 数据转化为具有json数据格式的数据,并将所述具有json数据格式的数据发送给所述客 户端;第二接收单元,用于接收所述服务器发送的具有json数据格式的数据;操作单元,用于根据所述第二接收单元接收的所述具有json数据格式的数据和所述 页面的静态资源进行页面操作,将页面操作得到的页面展现给用户。
8.根据权利要求7所述的客户端,其特征在于,所述操作单元用于,根据所述具有json 数据格式的数据和所述页面的静态资源,通过调用js进行页面操作。
9.一种基于json数据格式的异步传输系统,其特征在于,包括客户端,用于向服务器发送首次页面请求,并接收所述服务器发送的与所述首次页面 请求对应页面的静态资源;当需要更新所述页面时,所述客户端向所述服务器发送与所述 页面相关的数据请求,以便所述服务器根据所述数据请求查询数据库,将获取的与所述数 据请求对应的数据转化为具有json数据格式的数据,并将所述具有json数据格式的数据 发送给所述客户端;接收所述服务器发送的具有json数据格式的数据,并根据所述具有 json数据格式的数据和所述页面的静态资源进行页面操作,将页面操作得到的页面展现给 用户;服务器,用于接收所述客户端发送的首次页面请求,并将与所述首次页面请求对应页 面的静态资源发送给所述客户端;接收所述客户端发送的与所述页面相关的数据请求,并 根据所述数据请求查询数据库,获取与所述数据请求对应的数据;将所述与数据请求对应 的数据转化为具有json数据格式的数据,并将所述具有json数据格式的数据发送给所述 客户端,以便所述客户端根据所述具有json数据格式的数据和所述页面的静态资源进行 页面操作,将页面操作得到的页面展现给用户。
全文摘要本发明实施例公开了一种基于json(全称JavaScript Object Notation)数据格式的异步传输方法、装置及系统,涉及数据传输领域,能够避免已经加载的信息的重新加载,从而节省了网络流量,并且使代码具有原子性,提高了项目的可维护性和可扩展性。本发明的方法包括服务器在接收到客户端发送的首次页面请求,并将与所述首次页面请求对应页面的静态资源发送给所述客户端,并在该客户端再次发送数据请求时,将该数据请求对应的数据以json数据的数据格式发送给客户端,客户端根据所述具有json数据格式的数据和所述页面的静态资源进行页面操作。本发明实施例主要用于页面请求的过程中。
文档编号H04L29/08GK102098330SQ201010612510
公开日2011年6月15日 申请日期2010年12月29日 优先权日2010年12月29日
发明者宋栋, 赵强 申请人:东莞宇龙通信科技有限公司, 宇龙计算机通信科技(深圳)有限公司