仿 google 搜索框功能的实现关键代码

• 后台函数

1. public void googleSearch()
2.         {
3.             string con=Request.QueryString["content"].ToString();
4.             StringBuilder st=new StringBuilder();
5.             string sqlTxt="select top 10 title from dbo.googleSearch where title like /'"+con+"%'";
6.             SqlDataReader dr=SqlHelper.ExecuteReader(SqlHelper.dsn,CommandType.Text,sqlTxt);
7.             while(dr.Read())
8.             {
9.                 string str="<li οnclick='javascript:click_li(this)' οnmοuseοver=/"mouseover(this)/">--"+dr["title"].ToString()+"--</li>";
10.                 st.Append(str);
11.             }
12.             cityName=st.ToString().Trim();
13.             Response.Write(cityName);
14.             Response.End();
15.         }

• 前台（关键）函数

1. $("#search").keyup(function(){
2.                 var con=$(this).val();
3.                  $("#ulCon").load("post_test.aspx?content="+con+"&flag=2",function(responseText)
4.                  {
5.                     if(responseText=="")
6.                     {
7.                         $("#fitContent").css("display","none");
8.                     }
9.                     else
10.                     {
11.                         $("#fitContent").css("display","block");
12.                     }
13.                  });