CN101707627A - 一种呈现页面信息的方法及其装置 - Google Patents

Abstract

本发明公开了一种呈现页面信息的方法，包括：接收用户终端发送的HTTP请求消息，并从中获取用于明确该HTTP请求消息类型的标识信息；根据所述标识信息确定所述HTTP请求消息为AJAX类型消息时，以文本形式组建处理该HTTP请求消息后获得的处理结果，并将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将所述处理结果包含的数据通过其本地当前操作页面内指定的控件进行直接呈现。这样，可以将家庭网关终端返回的部分处理结果直接呈现在用户终端浏览器的指定控制中，而无需刷新页面，从而降低了页面刷新的次数，提高了信息显示的实时性，进而有效提高了系统的处理效率，本发明同时提供了一种家庭网关系统。

Description

一种呈现页面信息的方法及其装置

技术领域

本发明涉及计算机领域，特别涉及一种呈现页面信息的方法及其装置。

背景技术

家庭网关终端是一种将家庭网络无缝连接到宽带网络，使所有家庭内连网设备同时享有高速网络连接服务的设备；通过家庭网关终端可以在远程或本地方便的控制家庭网络中的各种设备，如、摄像头、U盘等等。

目前通过浏览器操作家庭网关终端的方法多采用传统网页技术实现方法，即提交请求数据需要刷新整个网页；这种方法对于家庭网络中终端的诊断功能或实时控制功能的实现过于复杂，由于每次请求操作都会引起刷新，因此在实现上需要考虑多页面的交互操作，同时也不利于浏览器资源的利用，操作效率得不到最大化的利用。

发明内容

本发明实施例提供一种呈现页面信息的方法及其装置，用以在用户终端呈现页面信息时，减少其刷新页面的次数，从而降低系统资源的消耗。

本发明实施例提供的具体技术方案如下：

一种呈现页面信息的方法，包括：

接收用户终端发送的超文本传输通讯协议HTTP请求消息，并从中获取用于明确该HTTP请求消息类型的标识信息；

根据所述标识信息确定所述HTTP请求消息为异步JavaScript和可扩展标记语言技术AJAX类型消息时，以文本形式组建处理该HTTP请求消息后获得的处理结果，并将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将所述处理结果包含的数据通过其本地当前操作页面内指定的控件进行直接呈现。

一种家庭网络终端，包括：

接收单元，用于接收用户终端发送的超文本传输通讯协议HTTP请求消息，并从中获取用于明确该HTTP请求消息类型的标识信息；

判断单元，用于根据所述标识信息判断所述HTTP请求消息的消息类型，获得判断结果；

处理单元，用于根据所述判断结果为异步JavaScript和可扩展标记语言技术AJAX类型消息时，以文本形式组建处理该HTTP请求消息后获得的处理结果；

发送单元，用于将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将所述处理结果包含的数据通过其本地当前操作页面内指定的控件进行直接呈现。

通过本发明实施例提供的技术方案，可以将部分处理结果直接呈现在用户终端的浏览器中，而无需刷新页面，从而充分利用了浏览器资源，大大降低了页面刷新的次数，提高了信息显示的实时性，进而有效提高了系统的处理效率，提高了系统服务的便利性。

附图说明

图1为本发明实施例中家庭网络系统体系架构图；

图2为本发明实施例中家庭终端网关功能结构图；

图3为本发明实施例中家庭网络终端处理HTTP请求消息流程图。

具体实施方式

为了在处理用户的HTTP请求消息时，提高结果显示的实时性，本发明实施例中，家庭网关终端接收用户终端发送的超文本传输通讯协议(HTTP)请求消息，并从中获取用于明确该HTTP请求消息类型的标识信息；根据所述标识信息确定所述HTTP请求消息为异步JavaScript和可扩展标记语言技术(Asynchronous JavaScript and XML，AJAX)类型消息时，以文本形式组建处理该HTTP请求消息后获得的处理结果，并将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将所述处理结果包含的数据通过其本地当前操作页面内指定的控件进行直接呈现。

实际应用中，用户终端上使用的各种浏览器均支AJAX技术，AJAX技术是几种技术的组合使用，是一种创建交互式网页应用的网页开发技术，目前常用的浏览器都支持这种AJAX技术。

另一方面，本发明实施例中，所谓AJAX类型的HTTP消息包括多种，如、诊断命令消息、普通命令消息，以及查询数据请求消息，以及一般请求消息等等，在以下实施例中，仅以AJAX类型的HTTP消息为诊断命令消息和普通命令消息为例进行介绍。

下面结合附图对本发明优选的实施方式进行详细说明。

参阅图1和图2所示，本发明实施例中，在家庭网络系统中，至少包含用户终端11和家庭网关终端12，其中，

用户终端11，用于根据通过浏览器呈现的用户操作界面接收用户输入的操作命令，并将该命令发往家庭网关终端12，例如，用于调用或者获取某种资源的HTTP请求消息，用于指示进行某种操作的HTTP请求消息等等；

家庭网关终端12，包括接收单元120、判断单元121、处理单元122和发送单元123，其中，

接收单元120，用于接收用户终端11发送的HTTP请求消息，并从中获取用于明确该HTTP请求消息类型的标识信息；

判断单元121，用于根据所述标识信息判断所述HTTP请求消息的消息类型，获得判断结果；

处理单元122，用于根据所述判断结果为AJAX类型消息时，以文本形式组建处理该HTTP请求消息后获得的处理结果；

发送单元123，用于将组建后的处理结果携带在响应消息中发往用户终端11，指示该用户终端11将所述处理结果包含的数据通过其本地当前操作页面内指定的控件进行直接呈现。

基于上述系统架构，参阅图3所示，本发明实施例中，家庭网关装置12对用户终端11发送的HTTP消息进行处理，并向其呈现对应的页面信息的详细流程如下：

步骤300：接收用户通过用户终端11上呈现的用户操作界面发送的HTTP请求消息.

本实施例中，该HTTP请求消息用于请求浏览一个操作页面，例如，呈现家庭网关终端12自身配置信息的操作界面，或者，家庭网关终端12提供的用于配置其他外接设备(如，摄像头、打印机等等)相关参数的操作页面。

步骤310：对接收的HTTP请求消息的消息头进行解析处理，获得消息头的解析结果。

步骤320：根据获得的消息头的解析结果判断接收到的HTTP请求消息是否为AJAX类型消息，若是，则进行步骤330；否则，进行步骤370。

本实施例中，家庭网站终端12可以通过解析结果判断HTTP请求消息包含的特定路径是否为AJAX消息定义的类型，例如：发送特定的POST消息的包含的路径为http://192.168.1.1/getpage.gch？pid＝1002&type＝ajax&ping＝do&ipaddr＝ 192.168.1.1”，中路径中type字段是用来标识是否为AJAX消息类型的字段，当type＝ajax时，为AJAX类型的消息；ping＝do表示进行ping诊断操作。

步骤330：按照解析AJAX消息的方式对接收的HTTP请求消息的正文部分进行解析，这需要分析操作命令的类型，获得正文部分的解析结果。

步骤340：根据获得的正文部分的解析结果，判断接收的HTTP请求消息是否为AJAX消息中的诊断命令消息，若是，则进行步骤350；否则，进行步骤360。

步骤350：按照AJAX消息中诊断命令消息的处理方式，对接收的HTTP请求消息进行处理，获得处理结果，接着，进行步骤380，

本实施例中确定HTTP请求消息为AJAX消息中的诊断命令消息时，根据其命令内容实现相应的诊断功能，并将诊断的结果记录下来，供后续流程使用。如，通过PING诊断操作、诊断宽带上网是否正常，即通过AJAX消息诊断用户个人电脑是否可以通过家庭网关终端12上网。

步骤360：按照AJAX消息中普通命令消息的处理方式对接收的HTTP请求消息进行处理，获得处理结果，接着，进行步骤380。

所谓AJAX消息中普通命令消息，即是指针对外接设备的实时操作命令，家庭网关终端12对普通命令消息进行相应处理时，需要对指定的外接设备进行实时控制操作，如实时控制U盘使用状态、实时控制摄像头使用状态等等。即家庭网关终端12接入的U盘设备当前是接入或者断开的状态，实时控制表示对U盘设备进行接入与断开的操作；实时控制摄像头使用状态即对家庭网关终端12接入摄像头设备进行控制，主要指对摄像头操作，如向左转、右转、放大、缩小等功能的实时控制

步骤370：按照普通HTTP请求消息的处理方式对接收的HTTP请求消息进行解析处理，获得处理结果，接着，进行步骤380。

所谓普通HTTP请求消息有多种，例如，配置家庭网关终端WAN连接参数，就是通过发送普通的HTTP请求消息完成。

步骤380：将获得的处理结果携带在HTTP响应消息中发送回用户终端11，指示用户终端11按照普通HTTP请求消息的呈现方式，或者，AJAX消息的呈现方式将处理结果通过用户操作界面呈现给相关用户。

基于上述实施例，下面结合两个具体实例对上述流程进行进一步的详细说明。

在步骤370中，针对普通的HTTP请求消息，家庭网关终端12会将其请求的资源所包含的相关数据以表单的形式进行组建，并在步骤380中将组建的表单发往用户终端11，用户终端11通过本地浏览器对获得的表单的脚本代码进行解析，并将解析结果通过浏览器界面呈现给用户。其中，表单的脚本代码的示范内容如下：

    <formname＝″login″id＝″login″method＝″post″action＝″192.168.1.1/getpage.gch？pid＝1002&n

extpage＝userinfo.html″>

     //表单头定义，基中发送的请求类型为POST请求，路径为

″192.168.1.1？pid＝1002&nextpage＝userinfo.html″

     <input type＝″text″name＝″Username″id＝″Username″value＝″用户名″>

        //文本框控件定义，提示输入用户名

          <input type＝″password″name＝″Password″id＝″Password″value＝″密码″>

        //密码框控件定义，提示输入密码

    <input type＝″submit″name＝″submit″id＝″submit″value＝″提交″>

       //表单提交控件定义，通过这个控件可以提交表单

     </form>

用户终端11对以表单的解析结果进行呈现时，必定会重新刷新用户看到的当前操作页面，例如，用户重新配置家庭网关终端12的端口参数后，接收到家庭网关终端12返回的响应消息时，刷新当前操作页面后再将重新配置后的端口参数呈现给用户。

而在另一种情况下，在步骤350和步骤360中，针对AJAX类型的HTTP请求消息(包括AJAX类型的诊断命令消息和AJAX类型的普通命令消息)，家庭网关终端12会将其请求的资源所包含的相关数据以文本形式进行组建，并在步骤380中将组建的文本发往用户终端11，用户终端11通过本地浏览器对获得的文本的脚本代码进行解析，并将解析结果通过浏览器界面呈现给用户。其中，文本的脚本代码(如，javascript类型)的示范内容如下：

IP：<input type＝″text″id＝″ipaddr″value＝″″>

<input type＝″button″id＝″btn″value＝″Ping″onclick＝″callServer()；″>

<div id＝″result″></div>

<script language＝″javascript″>

var xmlHttp＝false；

//声明一全局变显，用来标识创建一个新的XMLHttpRequest请求对象

if(！xmlHttp&&typeof XMLHttpRequest ！＝′undefined′){

         xmlHttp＝new XMLHttpRequest()；

    }

    //以上表示创建一个新的XMLHttpRequest请求对象。

    function callServer(){

    //声明一个方法处理，PING按钮的操作

       var ipvalue＝document.getElementById(″ipaddr″).value；

       //获取IP地址的值

       if((ipvalue＝＝null)||(ipvalue＝＝″″))return；

    //如果IP值为空则不处理

       var url＝″http://192.168.1.1/getpage.gch？pid＝1002&type＝ajax&ping＝do&ipaddr＝″+

escape(ipvalue)；

    //声明一个请求特定AJAX消息的路径，将PING用到的IP参数值赋到路径中

    xmlHttp.open(″GET″，url，true)；

       //开始通过URL地址连接服务器

      xmlHttp.onreadystatechange＝updatePage；

    //声明一个处理PING诊断结果的处理方法

      xmlHttp.send(null)；

    //向WEB服务器发送请求

    }

    function updatePage()

    {

    //声明一个处理服务器响应结果的处理方法。

         if(xmlHttp.readyState＝＝4){

    //判断如果AJAX请求的消息得到正常应答响应

         var response＝xmlHttp.responseText；

    //将服务器响应的结果返回存入临时变量中

         document.getElementById(″result″).innerHTML＝response；

    //将变量的值在DIV样式中显示

       }

    }

    </script>

用户在页面信息的源码中可以通过设置javascript脚本，来实现XMLHttpRequest请求对象的建立、对象参数初始化与特定URL封装、请求发送、处理响应消息等流程；其中在响应消息处理流程中包括将结果呈现到指定控件的步骤。

用户终端11对文本的解析结果进行呈现时，无需重新刷新用户看到的当前操作页面，而确定解析结果中包含的数据所针对的控件(如，某个功能显示框)，并将该数据发往相应控制进行直接呈现，例如，用户请求控制外接摄像头进行拍照，那么家庭网关终端12将获得的照片以javasccript脚本的形式发往用户终端11浏览器内用于呈现照片的窗口中，直接向用户呈现其所需要的照片，而无需刷新当前的操作页面。

或者，如用户需要进行PING诊断操作，查看网络连接是否正常，那么家庭网关终端12将获得的诊断结果以javasccript脚本的形式发往用户终端11，用户终端11的浏览器解析接收到的javasccript脚本，并根据通过本地的javasccript脚本功能直接向用户呈现其所需要的诊断结果，而无需刷新当前的操作页面.

综上所述，采用本发明实施例提供的技术方案，可以将家庭网关终端12返回的部分处理结果直接呈现在用户终端11浏览器的指定控制中，而无需刷新页面，从而充分利用了浏览器资源，大大降低了页面刷新的次数，提高了信息显示的实时性，进而有效提高了系统的处理效率，提高了系统服务的便利性。

显然，本领域的技术人员可以对本发明中的实施例进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明实施例中的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明中的实施例也意图包含这些改动和变型在内。

Claims (10)

1.一种呈现页面信息的方法，其特征在于，包括：

接收用户终端发送的超文本传输通讯协议HTTP请求消息，并从中获取用于明确该HTTP请求消息类型的标识信息；

根据所述标识信息确定所述HTTP请求消息为异步JavaScript和可扩展标记语言技术AJAX类型消息时，以文本形式组建处理该HTTP请求消息后获得的处理结果，并将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将所述处理结果包含的数据通过其本地当前操作页面内指定的控件进行直接呈现。

2.如权利要求1所述的方法，其特征在于，根据所述标识信息确定所述HTTP请求消息为普通HTTP类型消息时，以表单形式组建处理该HTTP请求消息后获得的处理结果，并将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将其本地当前操作页面进行刷新后，再通过刷新后的操作页面对获得的处理结果包含的数据进行呈现。

3.如权利要求1所述的方法，其特征在于，根据所述标识信息确定所述HTTP请求消息为AJAX类型消息后，进一步对其报文内容进行解析，并根据解析结果判断该HTTP请求消息为诊断命令消息时，执行相应的诊断操作，并将诊断结果作为获得的处理结果。

4.如权利要求1所述的方法，其特征在于，根据所述标识信息确定所述HTTP请求消息为AJAX类型消息后，进一步对其报文内容进行解析，并根据解析结果判断该HTTP请求消息为普通命令消息时，执行相应的实时控制操作，并将实时操作结果作为获得的处理结果。

5.如权利要求1-4任一项所述的方法，其特征在于，所述文本为javascript脚本。

6.一种家庭网络终端，其特征在于，包括：

接收单元，用于接收用户终端发送的超文本传输通讯协议HTTP请求消息，并从中获取用于明确该HTTP请求消息类型的标识信息；

判断单元，用于根据所述标识信息判断所述HTTP请求消息的消息类型，获得判断结果；

处理单元，用于根据所述判断结果为异步JavaScript和可扩展标记语言技术AJAX类型消息时，以文本形式组建处理该HTTP请求消息后获得的处理结果；

发送单元，用于将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将所述处理结果包含的数据通过其本地当前操作页面内指定的控件进行直接呈现。

7.如权利要求6所述的家庭网关终端，其特征在于，所述处理单元根据所述判断单元获得的判断结果确定确定所述HTTP请求消息为普通HTTP类型消息时，以表单形式组建处理该HTTP请求消息后获得的处理结果，并通过所述发送单元将组建后的处理结果携带在响应消息中发往用户终端，指示该用户终端将其本地当前操作页面进行刷新后，再通过刷新后的操作页面对获得的处理结果包含的数据进行呈现。

8.如权利要求6所述的家庭网关终端，其特征在于，所述判断单元根据所述标识信息确定所述HTTP请求消息为AJAX类型消息后，进一步对其报文内容进行解析，所述处理单元根据解析结果确定该HTTP请求消息为诊断命令消息时，执行相应的诊断操作，并将诊断结果作为获得的处理结果。

9.如权利要求6所述的家庭网关终端，其特征在于，所述判断单元根据所述标识信息确定所述HTTP请求消息为AJAX类型消息后，进一步对其报文内容进行解析，所述处理单元根据解析结果确定该HTTP请求消息为普通命令消息时，执行相应的实时控制操作，并将实时操作结果作为获得的处理结果.

10.如权利要求7-9任一项所述的方法，其特征在于，所述处理单元以文本形式组建所述处理结果时包括，以javascript脚本形式组建所述处理结果。

Images