TCP/IP协议学习(七) 基于C# Socket的Web服务器—动态通讯实现
目录
一个完整的web服务器，不仅需要满足用户端对于图片、文档等资源的需求；还能够对于用户端的动态请求，返回指定程序生成的数据。支持动态请求处理是web服务器的必要组成部分，现有比较成熟的前端动态技术有CGI，ASP/ASP.net, PHP，原生javascript实现的Ajax技术以及基于HTML5的webSocket通讯，它们每一项都涉及很多相关知识，不过归结到核心都是前后端的数据交互，特别是对于后端来说并没有太大区别。作为动态通讯，实现就不仅仅涉及后端的数据处理，前端也要负责相当的数据操作，因此本篇将分前端web网页和后端服务器两部分来实现整个过程，其中前端通过Ajax技术，后端基于C#来实现。
(1).基于Ajax的前端实现
Ajax全称异步JavaScript和XML，是一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。Ajax的实现包含三个步骤：
1.创建XmlHttpRequest对象
2.绑定事件回调，判定事件回调，设置首部，发送请求(确定URL, 参数，异步方式等)
3.等待数据返回，回调函数执行。
其中XmlHttpRequest对象是Ajax实现的基础，几乎所有的现代浏览器都内建XMLHttpRequest对象，不过为了满足老版本浏览器如IE5，IE6的兼容性需求，对象创建的代码具体如下：
上述过程实现了XmlHttpRequest对象的创建，下一步就是Ajax通讯的实现了，不过在进行对象操作之前，要先熟悉XmlHttpReques对象的方法和属性，知己知彼，方能百战不殆，这里提供从相关参考资料上查找的信息，希望对大家有帮助。
XmlHttpRequest属性：
XmlHttpRequest方法:
了解了上述属性方法，就可以比较清晰的了解ajax实现过程，包含http请求的创建，http头的添加，异步模式设置，回调函数确定以及最后的前端数据发送，当然为了方便整个Ajax流程代码的复用，这里编写一个简单的框架$，将ajax的实现等都放在IIFE中，如下：
当请求被发送到服务器后，需要执行一些基于响应的任务，每当 readyState 改变时，就会触发 onreadystatechange 事件。其中readyState 属性存有 XMLHttpRequest 的状态信息，同时responseText将响应信息作为字符串返回。
因此回调函数的实现就比较简单，主要包含响应状态的判断，http连接状态的判断以及相关数据的获取处理。
实现了上述Ajax框架后，在html文档里添加通过调用Ajax接口，就可以完成一次Ajax通讯。
到此为止，Ajax通讯的前端部分实现已经全部完成，详细实现请参考博文后的链接文档。下面就进入本篇的正题，Web服务器对前端动态数据的处理及数据回复的实现。
(2).Web服务器后端处理
Web服务器动态通讯的设计主要包括以下三个方面：
1. 前端提交数据的获得(一个或多个数据包的读取)。
2. 数据分析，处理和保存。
3. 后端动作及相关数据回复反馈。
对于一个完整的Web服务器并不在意数据来自AJAX、CGI、ASP还是Websocket，它只会对后端已经实现的处理架构进行正确反馈，如果没有实现，需要返回指定的错误代码，用于告知客户端。在进行服务器实现之前，我们要明白一点：前端的提交的数据虽然在传输过程上可能会分片或者加密等，但提交到后端服务器处理时，一定是完全透明且确定的，这就决定了我们可以通过分析后端服务器接收到的数据，来进行解析处理。这也是后端处理的基础，如果看过之前关于嵌入式在线升级实现的文章，那么本篇的解析部分也类似，我们需要在原有的静态服务器处理的基础上添加动态处理部分，完成整个服务器的实现。下面我就以上面编写的前端通讯数据包为例，阐述如何数据的分析和处理。
Ajax-GET方法提交的数据如下：
通过分析发现，Get的实现与静态资源的获取过程类似，因此我们的处理也与静态资源的获取差不多，检索方法匹配，返回指定的数据。不过为了和静态处理区分，我们定义专门的函数dynamic_process来进行动态数据处理。
对于get方法，我们将指定请求的数据处理完后以UTF-8的格式回复，前端异步等待后就可以接收到正确的数据。对于POST方法的处理，就是服务器动态通讯实现的核心，与在线升级时的实现类似，重点检索的有
1.首字段
包含url，http方法，以及对应的dynamic方法
2.Content-Length
提交的数据长度
3.Data
提交的数据
不过考虑到TCP包分片的情况，还要在http层添加循环，实现多数据包的接收处理，才能满足动态通讯的需求。
也可以看看 GoEasy文库 的其他资料.