0

データベースから都市を検索したい。ユーザーがイニシャルを入力したとき。このために、次のオートコンプリート jquery プラグイン (ASP.Net 3.5 + VS 2008) を使用しました。

<link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.autocomplete.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("#<%=txtCity.ClientID%>").autocomplete("Search_CS.ashx");
});    
</script>

私の Search_CS.ashx クラスは、

<%@ WebHandler Language="C#" Class="Search_CS" %>

using System;
using System.Web;
using System.Data.SqlClient;
using System.Configuration;
using System.Text; 

public class Search_CS : IHttpHandler {

public void ProcessRequest (HttpContext context) {
    string prefixText = context.Request.QueryString["q"];
    using (SqlConnection con = DataSetClass.conDB())
    {
        //con.ConnectionString = ConfigurationManager
        //        .ConnectionStrings["constr"].ConnectionString;
        using (SqlCommand cmd = new SqlCommand("select DISTINCT cname from City where cname LIKE        @CityText + '%'", con))
        {
            //cmd.CommandText = "select ContactName from Customers where " +
            //"ContactName like @SearchText + '%'";
            cmd.Parameters.AddWithValue("@CityText", prefixText);
            cmd.Connection = con;
            StringBuilder sb = new StringBuilder();
            //con.Open();
            using (SqlDataReader sdr = cmd.ExecuteReader())
            {
                while (sdr.Read())
                {
                    sb.Append(sdr["cname"])
                        .Append(Environment.NewLine);
                }
            }

            con.Close();
            context.Response.Write(sb.ToString());
        }
    }
}

public bool IsReusable {
    get {
        return false;
    }
}
}

これは問題なく動作しますが、問題はプラグインが 1 回しか機能しないことです。その後、イニシャルを入力すると、ページを更新するまでオートコンプリートが機能しません。私は多くの解決策を試しましたが、すべて無駄でした。私は2週間からここに立ち往生しているので、私を助けてください.

4

1 に答える 1