CN103973805A - 一种动态网页与服务器交互方法 - Google Patents
一种动态网页与服务器交互方法 Download PDFInfo
- Publication number
- CN103973805A CN103973805A CN201410212853.1A CN201410212853A CN103973805A CN 103973805 A CN103973805 A CN 103973805A CN 201410212853 A CN201410212853 A CN 201410212853A CN 103973805 A CN103973805 A CN 103973805A
- Authority
- CN
- China
- Prior art keywords
- server
- data
- page
- dynamic
- data processing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种动态网页与服务器交互方法，其具体实现过程如下：设置前端数据处理模块、交互通信模块、服务器数据处理模块三个模块；调用前端数据处理模块；服务器数据处理模块开始对前段页面内容进行分析；组合成通信数据包；调用交互通信模块，开始服务器交互；服务器交互成功后，前端数据处理模块对前端页面进行动态呈现。该一种动态网页与服务器交互方法和现有技术相比，降低通信的复杂度并提高整个交互过程中的效率，降低服务器在交互过程中的负荷量，实用性强。
Description
技术领域
本发明涉及计算机技术领域，具体的说是一种动态的对网页进行创建和加载，实现实时更新功能的动态网页与服务器交互方法。
背景技术
现有技术中，动态网页在与服务器进行通信时，通信的复杂度较高，整个交互过程中的效率较低，服务器在交互过程中的负荷量较大。传统的WEB应用主要是在用户端填写FORM表单，当提交表单时就向WEB服务器发送请求。服务器通过接收并处理传来的表单，然后送回一个新的页面，但此法比较消耗带宽，因为两个页面的大部分HTML码大多是相同的。但是每次应用的沟通都需要向服务器发送请求，应用的回应时间往往依赖于服务器的回应时间，这导致了用户界面的回应比本机应用慢得多。
基于此，现提供一种动态页面与服务器交互方法，该交互方法需要解决以下几个问题：第一、对于在传统的WEB应用主要是在用户端填写FORM表单，当提交表单时就向WEB服务器发送请求。服务器通过接收并处理传来的表单，然后送回一个新的页面，在这个过程中浪费大量资源的问题；第二、如何提高服务器和动态页面通信时用户的友好感受度，在用户不知不觉地情况下进行比较有效率的前台页面和服务器交互的信息传递；第三、如何解决跨平台操作，所有的操作与浏览器的种类和版本没有关系，真正做到对于前端载体的相关度降低。如何做到显示页面对于浏览器的兼容性，是需要解决的技术问题之一。
对于交互通信的过程中，除了需要确保通信的效率之外，更重要的是通信过程中的安全性，采用一种有效的数据加载方式可以断绝从客户端分析通信的内容，并且可以有效的提供服务器的安全访问，这个也是需要解决的关键技术问题。
发明内容
本发明的技术任务是解决现有技术的不足，提供一种动态的对网页进行创建和加载，实现实时更新功能的动态网页与服务器交互方法。
本发明的技术方案是按以下方式实现的，该一种动态网页与服务器交互方法，其具体实现过程如下：
一、设置前端数据处理模块、交互通信模块、服务器数据处理模块三个模块，其中
前端数据处理模块是数据收集和呈现单元，负责对数据进行动态的显示和交互、异步或者同步数据的查询和检索，以及对传递到服务器的数据进行有效的绑定；
交互通信模块是数据通信单元，负责在动态页面和服务器进行交互通信过程中的标准和通信协议的制定，确保通信可以有效的进行；
服务器数据处理模块是数据处理单元，负责对前段页面传递过来的数据进行分析和处理，并且对于动态页面进行合理的应答；
二、调用前端数据处理模块；
三、服务器数据处理模块开始对前段页面内容进行分析；
四、组合成通信数据包；
五、调用交互通信模块，开始服务器交互；
六、服务器交互成功后，前端数据处理模块对前端页面进行动态呈现。
上述技术方案的动态交互方法可以仅向服务器发送并获得必要的数据，使用基于XML的页面服务接口，并且在客户端采用JavaScript去处理来自服务器的回应。因此在服务器和浏览器之间交换的数据大量减少，交互的过程中提高了效率，降低了服务器的负荷量。
所述步骤三中对前段页面内容进行分析的过程为：使用XMLHTTPREQUEST对象对同步或者是异步数据进行查询和检索，分析出需要传递的数据内容和需要传递的参数。
所述步骤四中组成通信数据包的详细内容为：使用JavaScript将所需要传递和通信的参数进行自定义的绑定操作，然后进行用户自定义的方式提交给服务器。
所述步骤五中服务器交互是指使用XML进行数据交换和传递的操作，将此文本作为需要解析和交换数据时动态页面和服务器共同达成的数据存放格式。
所述步骤六中使用Document Object Model进行前端页面的动态显示和交互，将动态页面和服务器进行通信的结果实时的在动态页面进行显示。
本发明与现有技术相比所产生的有益效果是：
本发明的一种动态网页与服务器交互方法通过使用动态网页与服务器交互方法，使其和传统的数据交互方式有了性能的大幅度提高，解决了在动态页面与服务器进行交互的过程中需要每次发送无效数据所浪费资源的问题，提高了页面异步交互的性能，以及服务器在通信过程中的负荷量达到一个很低的水平。除此之外，还提高了在前端页面和服务器通信过程中的安全性级别，增加了用户对于在系统使用过程中的交互友好性，降低在和服务器传递数据时的等待时间。对于动态页面与浏览器的问题上，可以做到对于主流浏览器的兼容性。针对这些比较明显的技术改善，本发明主要适用于WEB前端开发过程中的交互，针对服务器机载软件也有显著的效果，具有比较广阔的发展前景，实用性强，易于推广。
附图说明
附图1为本发明的实现流程示意图。
附图2是本发明的浏览器与服务器交互示意图。
具体实施方式
下面结合附图对本发明的一种动态网页与服务器交互方法作以下详细说明。
如附图1、图2所示，现提供一种动态网页与服务器交互方法，该方法基于HTTP协议涉及，HTTP协议即超文本传输协议 (HTTP-Hypertext transfer protocol) ，是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。对于动态网页与服务器交互方法使用的传输协议是建立在HTTP协议的基础上的，在整个过程中主要采用POST和GET的提交方式，对于服务器来说，通过接收HTTP传递的参数进行对数据解析和处理。通过这个协议，建立一个通用的标准，独立于浏览器，可以有效的在不同的环境下对网页与服务器进行有效的交互。基于此，本发明对于Web前端中固定的动态页面模块进行创新，告别传统的form表单对整个页面的发送和提交，采用局部提交和局部刷新的特点，有利于交互过程中的性能和通信效率的大幅度提升。
其具体实现过程如下：
一、设置前端数据处理模块、交互通信模块、服务器数据处理模块三个模块，其中
前端数据处理模块是数据收集和呈现单元，负责对数据进行动态的显示和交互、异步或者同步数据的查询和检索，以及对传递到服务器的数据进行有效的绑定；
交互通信模块是数据通信单元，负责在动态页面和服务器进行交互通信过程中的标准和通信协议的制定，确保通信可以有效的进行；
服务器数据处理模块是数据处理单元，负责对前段页面传递过来的数据进行分析和处理，并且对于动态页面进行合理的应答；
二、调用前端数据处理模块；
三、服务器数据处理模块开始对前段页面内容进行分析；
四、组合成通信数据包；
五、调用交互通信模块，开始服务器交互；
六、服务器交互成功后，前端数据处理模块对前端页面进行动态呈现。
所述步骤三中对前段页面内容进行分析的过程为：使用XMLHTTPREQUEST对象对同步或者是异步数据进行查询和检索，分析出需要传递的数据内容和需要传递的参数。
该步骤中的XMLHTTPREQUEST根据官方的解释是可以提供不重新加载页面的情况下更新网页，这也是本发明是用该技术的原因，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器接受数据，在后台向客户端发送数据。XMLHTTPREQUEST对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHTTPREQUEST可以同步或异步返回 Web 服务器的响应，并且能以文本或者一个 DOM 文档形式返回内容。
所述步骤四中组成通信数据包的详细内容为：使用JavaScript将所需要传递和通信的参数进行自定义的绑定操作，然后进行用户自定义的方式提交给服务器。
该步骤中的JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。该脚本语言最初由网景公司（Netscape）的Brendan EICH设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。对于动态网页与服务器交互方法就是通过该脚本语言动态的和服务器进行有效的通信，也是该方法的核心之一。
所述步骤五中服务器交互是指使用XML进行数据交换和传递的操作，将此文本作为需要解析和交换数据时动态页面和服务器共同达成的数据存放格式。
所述步骤六中使用Document Object Model进行前端页面的动态显示和交互，将动态页面和服务器进行通信的结果实时的在动态页面进行显示。
本发明可以在不用更新整个页面的前提下，对数据进行维护，对此前端应用程序可以非常快的回应用户的动作请求，并且可以有效的减少网络中重复发送并没有改变的请求信息，这样可以简化在动态网页和服务器进行交互过程中信息流动，加快程序反应用户请求的速度。
在交互的过程中不需要任何的浏览器插件，只需要在网页中使用JavaScript的执行许可，也就是说，该方法是脱离浏览器的，开发者只需要更多的关注动态网页在数据传递过程中的实现方式和数据处理就可以了。该交互方法可以保障用户发送请求到服务器发送数据，和响应时间的设定，以及服务器对前端页面的应答，进行动态网页与服务器交互。
以上所述仅为本发明的实施例而已，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (5)
1.一种动态网页与服务器交互方法，其特征在于其具体实现过程如下：
一、设置前端数据处理模块、交互通信模块、服务器数据处理模块三个模块，其中
前端数据处理模块是数据收集和呈现单元，负责对数据进行动态的显示和交互、异步或者同步数据的查询和检索，以及对传递到服务器的数据进行有效的绑定；
交互通信模块是数据通信单元，负责在动态页面和服务器进行交互通信过程中的标准和通信协议的制定，确保通信可以有效的进行；
服务器数据处理模块是数据处理单元，负责对前段页面传递过来的数据进行分析和处理，并且对于动态页面进行合理的应答；
二、调用前端数据处理模块；
三、服务器数据处理模块开始对前段页面内容进行分析；
四、组合成通信数据包；
五、调用交互通信模块，开始服务器交互；
六、服务器交互成功后，前端数据处理模块对前端页面进行动态呈现。
2.根据权利要求1所述的一种动态网页与服务器交互方法，其特征在于：所述步骤三中对前段页面内容进行分析的过程为：使用XMLHTTPREQUEST对象对同步或者是异步数据进行查询和检索，分析出需要传递的数据内容和需要传递的参数。
3.根据权利要求2所述的一种动态网页与服务器交互方法，其特征在于：所述步骤四中组成通信数据包的详细内容为：使用JavaScript将所需要传递和通信的参数进行自定义的绑定操作，然后进行用户自定义的方式提交给服务器。
4.根据权利要求3所述的一种动态网页与服务器交互方法，其特征在于：所述步骤五中服务器交互是指使用XML进行数据交换和传递的操作，将此文本作为需要解析和交换数据时动态页面和服务器共同达成的数据存放格式。
5.根据权利要求4所述的一种动态网页与服务器交互方法，其特征在于：所述步骤六中使用Document Object Model进行前端页面的动态显示和交互，将动态页面和服务器进行通信的结果实时的在动态页面进行显示。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410212853.1A CN103973805A (zh) | 2014-05-20 | 2014-05-20 | 一种动态网页与服务器交互方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410212853.1A CN103973805A (zh) | 2014-05-20 | 2014-05-20 | 一种动态网页与服务器交互方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103973805A true CN103973805A (zh) | 2014-08-06 |
Family
ID=51242838
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410212853.1A Pending CN103973805A (zh) | 2014-05-20 | 2014-05-20 | 一种动态网页与服务器交互方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103973805A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107977424A (zh) * | 2017-11-27 | 2018-05-01 | 山东浪潮商用系统有限公司 | 一种网页交互系统及方法 |
| CN108073618A (zh) * | 2016-11-14 | 2018-05-25 | 北京航天长峰科技工业集团有限公司 | 一种基于图数据结构的动态显示方法 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101075240A (zh) * | 2006-08-25 | 2007-11-21 | 腾讯科技（深圳）有限公司 | 跨域获取数据的方法和系统 |
| CN101089856A (zh) * | 2007-07-20 | 2007-12-19 | 李沫南 | 一种提取网页数据的方法和Web爬虫系统 |
| CN201130379Y (zh) * | 2007-11-19 | 2008-10-08 | 中国铁路通信信号上海工程有限公司 | 用于异步网页浏览的数据访问装置 |
| CN101441631A (zh) * | 2007-11-19 | 2009-05-27 | 上海新纳广告传媒有限公司 | 一种用于异步网页浏览的数据访问方法 |
| CN102214098A (zh) * | 2011-06-15 | 2011-10-12 | 中山大学 | 一种基于WebKit浏览器引擎的动态页面数据采集方法 |
-
2014
- 2014-05-20 CN CN201410212853.1A patent/CN103973805A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101075240A (zh) * | 2006-08-25 | 2007-11-21 | 腾讯科技（深圳）有限公司 | 跨域获取数据的方法和系统 |
| CN101089856A (zh) * | 2007-07-20 | 2007-12-19 | 李沫南 | 一种提取网页数据的方法和Web爬虫系统 |
| CN201130379Y (zh) * | 2007-11-19 | 2008-10-08 | 中国铁路通信信号上海工程有限公司 | 用于异步网页浏览的数据访问装置 |
| CN101441631A (zh) * | 2007-11-19 | 2009-05-27 | 上海新纳广告传媒有限公司 | 一种用于异步网页浏览的数据访问方法 |
| CN102214098A (zh) * | 2011-06-15 | 2011-10-12 | 中山大学 | 一种基于WebKit浏览器引擎的动态页面数据采集方法 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108073618A (zh) * | 2016-11-14 | 2018-05-25 | 北京航天长峰科技工业集团有限公司 | 一种基于图数据结构的动态显示方法 |
| CN107977424A (zh) * | 2017-11-27 | 2018-05-01 | 山东浪潮商用系统有限公司 | 一种网页交互系统及方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103685269B (zh) | 一种web浏览器与服务器进行双向通讯的方法和系统 | |
| CN104268082B (zh) | 浏览器的压力测试方法和装置 | |
| CN102902537B (zh) | 基于FastCGI和HTML模板的嵌入式WEB MVC开发框架 | |
| WO2016124074A1 (zh) | 一种信息处理方法、客户端及服务器、计算机存储介质 | |
| CN107808010A (zh) | 一种弹窗页面生成方法、装置、浏览器及存储介质 | |
| CN104063401B (zh) | 一种网页样式地址合并的方法和装置 | |
| CN102307220B (zh) | 一种跨域网页信息交互方法 | |
| CN110941950B (zh) | 接口文档的生成方法、装置、服务器及存储介质 | |
| CN101304424A (zh) | 基于xml的异源数据交换中间件的数据展示方法 | |
| CN104253788B (zh) | 一种数据处理方法、客户端、页面引擎及系统 | |
| CN104410711A (zh) | 客户端跨域请求网络资源的方法和装置 | |
| CN103747074B (zh) | 基于Web服务器的移动监控系统 | |
| CN101334872B (zh) | 基于Web服务的电子公文交换方法 | |
| CN106909361A (zh) | 基于模版引擎的web开发方法和装置 | |
| CN105763619A (zh) | 客户端与服务端进行通讯的方法及装置 | |
| CN104317661A (zh) | 嵌入式双系统的系统间通信方法及装置 | |
| CN104135536A (zh) | 一种基于json数据协议的Web管理系统数据交互方法 | |
| CN103384274A (zh) | 基于http协议的公网连接内网计算机的通信方法 | |
| CN106790276A (zh) | 一种基于浏览器协议的跨浏览器数据交互方法和装置 | |
| CN106886594A (zh) | 用于展示信息的方法和装置 | |
| CN103513986A (zh) | 一种在无操作系统设备中利用CGI技术实现动态web服务器的方法 | |
| CN103136251A (zh) | 识别网页的方法和装置 | |
| CN102984266A (zh) | 一种数据交互处理方法及装置 | |
| CN103973805A (zh) | 一种动态网页与服务器交互方法 | |
| Zhao et al. | A real-time web application solution based on Node. js and WebSocket |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20140806 |