关闭

金山词霸即划即译设计随笔(五)

标签: 金山xmlhttprequest服务器functionobjectjavascript
605人阅读 评论(0) 收藏 举报
分类:

 

本节该设计即划即译项目的数据处理层了。说起数据处理,还不得不提一下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跟我交流

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9313次
    • 积分:232
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    文章存档