客户端与服务器端通信方式总结

1.HTTP:客户端发出请求、服务器端响应的方式.

2.基于客户端套接口的“服务器推”技术

(1)Flash XMLSocket

如果Web应用的用户接受应用只有在安装了 Flash 播放器才能正常运行， 那么使用 Flash 的 XMLSocket 也是一个可行的方案。

这种方案实现的基础是：Flash 提供了 XMLSocket 类；javaScript 和 Flash 的紧密结合：在 JavaScript 可以直接调用 Flash 程序提供的接口。

具体实现方法：在 HTML 页面中内嵌入一个使用了 XMLSocket 类的 Flash 程序。JavaScript通过调用此Flash程序提供的套接口接口与服务器端的套接口进行通信。JavaScript 在收到服务器端以XML格式传送的信息后可以很容易地控制 HTML页面的内容显示。

(2)Java Applet 套接口

在客户端使用Java Applet,通过java.net.Socket或java.net.DatagramSocket 或 java.net.MulticastSocket建立与服务器端的套接口连接，从而实现“服务器推”。这种方案最大的不足在于Java applet在收到服务器端返回的信息后，无法通过 JavaScript去更新HTML页面的内容。

3.AJAX技术：“Asynchronous JavaScript and XML”（异步JavaScript和XML)。

XmlHttpRequest使客户端可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。JavaScript可以调用XMLHttpRequest对象发出 HTTP 请求,JavaScript响应处理函数根据服务器返回的信息(不是整个网页，只是部分信息)对 HTML 页面的显示进行更新。

图 1.传统的 Web 应用模型与基于 AJAX 的模型之比较

4.comet :基于 HTTP 长连接的“服务器推”技术

(1)基于 AJAX 的长轮询方式

使用 AJAX 实现“服务器推”与传统的 AJAX 应用不同之处在于：

   1.1服务器端会阻塞请求直到有数据传递或超时才返回。

           1.2客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后，再次发出请求，重新建立连接。

           1.3当客户端处理接收的数据、重新建立连接时，服务器端可能有新的数据到达；这些信息会被服务器端保存直到客户端重新建立连接，客户端会一次把当前服务器端所                   有的信息取回

// JavaScript 文件var http_request = false;function send_request(url) {    //初始化,指定处理函数,发送请求的函数     http_request = false;    //开始初始化XMLHttpRequest对象     if (window.XMLHttpRequest) {        //Mozilla 浏览器         http_request = new XMLHttpRequest();        if (http_request.overrideMimeType) {            //设置MiME类别             http_request.overrideMimeType('text/xml');        }    }    else if (window.ActiveXObject) {        // IE浏览器         try {            http_request = new ActiveXObject("Msxml2.XMLHTTP");        }        catch (e) {            try {                http_request = new ActiveXObject("Microsoft.XMLHTTP");            }            catch (e) { }        }    }    if (!http_request) {        // 异常,创建对象实例失败         window.alert("不能创建XMLHttpRequest对象实例.");        return false;    }    http_request.onreadystatechange = processRequest;    // 确定发送请求的方式和URL以及是否同步执行下段代码     http_request.open("GET", url, true);    http_request.send(null);}// 处理返回信息的函数function processRequest() {    if (http_request.readyState == 4) {        // 判断对象状态         // alert(http_request.readyState);        // alert(http_request.status);        if (http_request.status == 200) {            // 信息已经成功返回,开始处理信息             Image1.ImageUrl = "GobangDisplay.aspx?cs=" + DateTime.Now.Second.ToString();            window.open('GobangDisplay.aspx', '_blank');          //  document.getElementById("stateView").innerHTML = s;            // alert(str);          //  showMsg(str);        }        else {            //页面不正常             alert(http_request.status + "您所请求的页面有异常.");        }    }}

图 2. 基于长轮询的服务器推模型

(2)基于 iframe 及 htmlfile 的流方式

    iframe 是很早就存在的一种 HTML 标记， 通过在 HTML 页面里嵌入一个隐蔵帧，然后将这个隐蔵帧的 SRC 属性设为对一个长连接的请求，服务器端就能源源不断地往客户端输入数据。

Tip：不要在同一客户端同时使用超过两个的 HTTP 长连接

我们使用 IE 下载文件时会有这样的体验，从同一个 Web 服务器下载文件，最多只能有两个文件同时被下载。第三个文件的下载会被阻塞，直到前面下载的文件下载完毕。     这是因为 HTTP 1.1 规范中规定，客户端不应该与服务器端建立超过两个的 HTTP 连接， 新的连接会被阻塞。而 IE 在实现中严格遵守了这种规定。

详细链接：http://www.ibm.com/developerworks/cn/web/wa-lo-comet/

5.websocket

     WebSocket 规范的目标是在浏览器中实现和服务器端双向通信。浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。在此WebSocket 协议中，为我们实现即时服务带来了两大好处：互相沟通的Header是很小的-大概只要2Bytes、服务器可以主动传送数据给客户端。目前还只有部分浏览器支持此协议。