欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

再說(shuō)AutoComplete自動(dòng)補(bǔ)全之實(shí)現(xiàn)原理

 更新時(shí)間：2011年11月05日 13:12:54   作者：  
再說(shuō)AutoComplete自動(dòng)補(bǔ)全之實(shí)現(xiàn)原理,這里以asp.net后臺(tái)為主，考慮到性能最好是生成xml并入緩存。
一.簡(jiǎn)述
昨天support一同事，幫她的客戶(hù)做類(lèi)似下面的效果（自動(dòng)完成）：

image

以前在搜房的時(shí)候，弄過(guò)這個(gè)，調(diào)用樓盤(pán)字典：

image

這是一個(gè)小功能，也是一個(gè)大功能。因?yàn)樗梢宰龃?，也可以做小?BR>二.搜房的AutoComplete
比如上面我們看到搜房的這個(gè)就做大了，你要看到這樣一個(gè)效果，其實(shí)搜房做了這么幾件事：

1.數(shù)據(jù)庫(kù)作業(yè)。把每天的樓盤(pán)字典存入XML,每個(gè)城市的對(duì)應(yīng)一個(gè)XML.比如今天生成的bj_11_04.xml
2.業(yè)務(wù)邏輯層加上Memcached。用戶(hù)訪問(wèn)的時(shí)候，先判斷Memcached里有沒(méi)有，有的話走緩存，沒(méi)有的話讀XML，并且入緩存。
3.AJAX調(diào)用
4.拼音調(diào)用樓盤(pán)字典（開(kāi)始做了，后來(lái)又刪了，原因不詳），就是下面效果

image

所以，這個(gè)功能，可以做大，也可以做小。做大了要申請(qǐng)加服務(wù)器。所以做這個(gè)功能之前，要了解訪問(wèn)量。
三.Coding
下面說(shuō)下昨天做的東西，完全基于JqueryUI,
ASPX代碼：

復(fù)制代碼 代碼如下:

<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)代碼：
復(fù)制代碼 代碼如下:

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ì)問(wèn)，context.Request.QueryString["term"];中的term是怎么來(lái)的？我們通過(guò)aspx根本看不到term。
我們可以用任何瀏覽器的F12的NetWork抓出來(lái)：

image

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

復(fù)制代碼 代碼如下:

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

相關(guān)文章

最新評(píng)論