二.搜房的AutoComplete

比如上面我們看到搜房的這個(gè)就做大了，你要看到這樣一個(gè)效果，其實(shí)搜房做了這么幾件事：

1.數(shù)據(jù)庫(kù)作業(yè)。把每天的樓盤字典存入XML,每個(gè)城市的對(duì)應(yīng)一個(gè)XML.比如今天生成的bj_11_04.xml

2.業(yè)務(wù)邏輯層加上Memcached。用戶訪問的時(shí)候，先判斷Memcached里有沒有，有的話走緩存，沒有的話讀XML，并且入緩存。

3.AJAX調(diào)用

4.拼音調(diào)用樓盤字典（開始做了，后來又刪了，原因不詳），就是下面效果

所以，這個(gè)功能，可以做大，也可以做小。做大了要申請(qǐng)加服務(wù)器。所以做這個(gè)功能之前，要了解訪問量。

三.Coding

下面說下昨天做的東西，完全基于JqueryUI,

ASPX代碼：

<link rel="stylesheet" href="Styles/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="Scripts/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#tbSearch').autocomplete({
            source: "AutoComplete.ashx"
        });
    });
</script>

后臺(tái)代碼：

public void ProcessRequest(HttpContext context)
{
    string searchText = context.Request.QueryString["term"];
    //Get Result here
    //````
    //````
    //Get Result here
    JavaScriptSerializer serializer = new JavaScriptSerializer();

    string jsonString = serializer.Serialize(results);

    context.Response.Write(jsonString);
}

可能有人會(huì)問，context.Request.QueryString["term"];中的term是怎么來的？我們通過aspx根本看不到term。

我們可以用任何瀏覽器的F12的NetWork抓出來：

上面是ASP.NET下的實(shí)現(xiàn)，在ASP.NET MVC2或者M(jìn)VC3或者M(jìn)VC4中，我們不用使用JavaScriptSerializer和ashx 這種方式來序列化成JSON并且向客戶端write，因?yàn)樗鼈兲峁┝薐SONResult

public JsonResult GetResourceByKeyWord()
{
    //get searchResult here
    return Json(searchResult, JsonRequestBehavior.AllowGet);
}