金山词霸即划即译设计随笔（五）

 

本节该设计即划即译项目的数据处理层了。说起数据处理，还不得不提一下xmlhttprequest 的原理， 我没法用足够专业的术语来介绍xmlhttprequest,但我有我自己的语言和陋见。xmlhttprequest实现的异步数据处理，简单的可以化为两大对象或端——服务器端和客户端；

        客户端：负责发送异步请求到服务器端，请求内容可以通过传递参数来定制。

就像去餐馆吃饭点菜一样，要吃醋溜土豆丝你就叫一声"醋溜土豆丝"，如果还有其它要求或嗜好，你还可以补充道:"醋溜土豆丝不放辣椒"等。这样一个简单的请求就发送出去了，剩下的只是看看菜单，喝口茶，等着菜由厨师炒好了端上来了。哈哈

        服务器端：负责接受客户端发送来的请求，处理请求，响应请求，然后发送合适的结果到客户端。

更简单了，就是接受客人点的菜，做菜，把菜装好，送到客户面前。

好了，说到这里，下文是简单的创建xmlhttprequest对象的实现代码：

var  xmlHttp;
function  createXMLHttpRequest()  ... {
   
    if (window.ActiveXObject) ...{
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if (window.XMLHttpRequest) ...{
        xmlHttp = new XMLHttpRequest();
    }
    
}

创建好了xmlhttprequest对象，我们就可以来使用它了，看下面：

    createXMLHttpRequest(); // 创建异步对象
    xmlHttp.onreadystatechange  =  handleStateChange; // 注册状态事件，监视异步处理对象的状态；
    xmlHttp.open( " POST " ,  " default.aspx?sel= " + escape(text),  true );     // 封送具体请求

    xmlHttp.send(); // 发送请求

function  handleStateChange()  ... {    
    if(xmlHttp.readyState == 4) ...{
        if(xmlHttp.status == 200) ...{           
           content.innerHTML=xmlHttp.responseText;
        }
   

补充一点，xmlhttprequest响应用户请求返回的数据一般有两种格式，即文本和xml.对于普通的应用。使用responseText属性获取响应的文本就足够了，在文本中可以加入字符串，数组，脚本，HTML代码等内容，但无论什么内容，前台处理和后台封送总是一致的。xml可以用responseXML属性获得，适合于从数据库查询得到的类似于树形、级联或者二维特征的复杂数据。在服务器端定义和处理xml数据时，也许更得心应手些，可以利用System.XML命名空间下的类及方法、属性，但javascript也同样提供了不错的支持，一项关键的技术就是DOM（document object model）。

好，现在我们开始服务器端的处理吧。在上面代码中，可能你留意了这行代码

xmlHttp.open( " POST " ,  " default.aspx?sel= " + escape(text),  true );

这句是关键的，它指定了要接受请求的对象，在java中，一般用serverlet处理请求，还需要在web.xml中配置响应处理节点；而在.net中，它提供了多种支持，包括普通的.aspx文件，.ashx处理程序和自定义的handler处理类。为了追求简便，我使用了.aspx页面文件处理客户端的请求。

该文件读取客户端传递来的请求参数（sel），并依据此参数进行查询，整合查询结果，写入响应流中。此页面只是单纯的响应请求，不需要显示界面，因此可以把aspx文件留为空白，下面是.aspx.cs文件代码：

// Default.aspx.cs文件
using  System;
using  System.Data;
using  System.Configuration;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;
using  System.Data.SqlClient;
using  System.Text;
public   partial   class  _Default : System.Web.UI.Page 
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        string key = Request["sel"];
        StringBuilder ret = new StringBuilder("<ul>");
        SqlCommand comm = new SqlCommand(string.Format("select top 5 id,title,rq from [news] where title like '%{0}%' order by click desc",key), new SqlConnection(ConfigurationManager.ConnectionStrings["metalConnectionString"].ConnectionString));
        comm.Connection.Open();
        using (SqlDataReader dr = comm.ExecuteReader(CommandBehavior.CloseConnection))
        ...{
            while (dr.Read())
            ...{
                ret.AppendFormat("<li><h3><a href="Detail.htm?id={0}" title="{1}">{1}</a></h3>[{2}]</li>",dr["id"].ToString(),dr["title"].ToString(),dr["rq"].ToString().Split(' ')[0]);
            }
            ret.Append("</ul>");
        }
        if (ret.ToString() != "<ul></ul>")
        ...{
            Response.Write(ret.ToString());
        }
        else
        ...{
            Response.Write("<ul><li>没有查到匹配的结果！</li></ul>");
        }
    }
}

上述文件最关键的一个语句就是：Response.Write()方法，该方法将构造好的html代码写入相应流中，不多说。

MSN跟我交流