ASP.NET Web 開發之Ajax自動提示

發表日期：2016-02-26 文章編輯：南昌開優網絡瀏覽次數：4361 標簽：ASP.NET應用

<body onclick="out()">
搜索：
    <asp:TextBox ID="txtkey" onkeyup="update();" runat="server"></asp:TextBox>
    <asp:Button ID="btnKey" runat="server" Text="搜索" />
    <div id="tisi"></div>
#tisi
{
    width: 190px;
    height: 200px;
    display: none;
    border: 1px solid #ccc;
    margin-left: 52px;
    z-index: 999;
    position: absolute;
    background-color:White;
}

    <script src="JS/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
/* ajax異步獲取數據 */
        function update() {           
            $("#tisi").show(); //顯示div
            var key = $("#<%=txtkey.ClientID %>").val();//獲取文本框的值
            var url = "gettisi.ashx?key=" + encodeURI(key) + "&t=" + new Date().valueOf();//通過url傳入編碼的key并加上時間
            $.get(url, function (data) {//jquery的get方法返回獲取的值
                $("#tisi").html(data);
            });
        }
/* 鼠標移到ITEM上時有背景顏色 */
        function itemover(obj) {
            $(obj).css("backgroundColor", "#ccc");
        }
/* 鼠標移出時背景變白 */
        function itemout(obj) {
            $(obj).css("backgroundColor", "");           
        }
/* 設置文本框的值 */
        function settxt(obj) {
            $("#<%=txtkey.ClientID %>").val($(obj).text());//把獲取的值返回到文本框中
            $("#tisi").hide();//隱藏div
        }
/* 單擊body的其它區域時 */
        function out() {
            $("#tisi").hide();
        }
    </script>

gettisi.ashx一般處理程序

public void ProcessRequest(HttpContext context)
{
    string key = context.Request.QueryString["key"];
    if (string.IsNullOrEmpty(key))
    {
        context.Response.Write("");
    }
    else
    {
        key = context.Server.UrlDecode(key);
        DataSet ds = new DAL.LinkDAL_own().GetLikelinkname(key);
        //DataSet ds = new DAL.LinkDAL().GetLikelinkname(key);

        DataTable dt = ds.Tables[0];
        StringBuilder sb = new StringBuilder();
        foreach (DataRow item in dt.Rows)
        {
            sb.Append("<div class='item' onmouseover='itemover(this)' onmouseout='itemout(this)' onclick='settxt(this)'>" + item["linkname"] + "</div>");
        }
        context.Response.Write(sb.ToString());
    }
}

DAL層中的代碼

public DataSet GetLikelinkname(string key)
{
    string sql = "select top 10 linkname from test_link where linkname like '%" + key + "%'";
    Database db = DatabaseFactory.CreateDatabase();
    DbCommand dbCommand = db.GetSqlStringCommand(sql);
    return db.ExecuteDataSet(dbCommand);
}

自定義操作類的DAL層中代碼

public DataSet GetLikelinkname(string key)
{
    string sql = "select top 10 linkname from test_link where linkname like '%" + key + "%'";
    MSSQLHelper h = new MSSQLHelper();
    h.CreateCommand(sql);
    DataTable dt = h.ExecuteQuery();
    DataSet ds = new DataSet();
    ds.Tables.Add(dt);
    return ds;
}

返回列表

上一篇：Excel導入導出下一篇：封裝的MSSQL的數據庫操作類

欧美日韩一区二区三区四区不卡,日韩欧美视频一区二区三区四区,久久精品欧美一区二区三区不卡,国产精品久久久乱弄

ASP.NET Web 開發之Ajax自動提示