Question

我正在使用asp.net并坚持这个问题。我使用处理程序应用了全文搜索功能。现在我希望当用户从列表中选择一个名称（在输入关键字后建议）页面应重定向到该人的个人资料

    <link href="Content/jquery.autocomplete.css" rel="stylesheet" />
     <script src="Scripts/jquery-1.4.1.min.js"></script>
    <script src="Scripts/jquery-1.3.2.min.js"></script>
    <script src="Scripts/jquery.autocomplete.js"></script>
    <script type="text/javascript">
   $(document).ready(function () {
$("#<%=txtSearch.ClientID%>").autocomplete('Search_CS.ashx');
     });
   </script> 

 <div>
<asp:TextBox ID="txtSearch" runat="server" ></asp:TextBox>
  </div>

当用户在文本框中键入名称时，它将返回具有匹配搜索文本的用户名。它是处理程序（ashx文件）中的处理

 public void ProcessRequest (HttpContext context) {
string prefixText = context.Request.QueryString["q"];
using (SqlConnection conn = new SqlConnection(strcon))
{

    using (SqlCommand cmd = new SqlCommand())
    {
        cmd.CommandText = "select Profile_ID,FirstName, LastName from UserProfile where FirstName like '%' + @SearchText + '%' OR LastName like '%' + @SearchText + '%'";

        cmd.Parameters.AddWithValue("@SearchText", prefixText);
        cmd.Connection = conn;
        StringBuilder sb = new StringBuilder();
        conn.Open();
        using (SqlDataReader sdr = cmd.ExecuteReader())
        {
            while (sdr.Read())
            {
                sb.Append(sdr["FirstName"]).Append(" ").Append(sdr["LastName"]).Append(Environment.NewLine);

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

    }
}
   }

现在，当用户键入“Tom”时，将打开一个列表，其中所有用户都名为“tom”。当用户选择“Tom John”时，页面应导航到Tom John个人资料。这可以通过选择用户选择的用户名的Profile_ID来完成。如何通过Profile_ID将用户重定向到特定用户的个人资料页面。

Answer 1

你可以通过选择事件来实现这个例子

$(function() {

          $("#<%=txtSearch.ClientID%>").autocomplete({
               source: "Search_CS.ashx",
               // you need to handle on select event 
                select: function( event, ui ) {
                // here you can redirect ur user page 
                // http://jqueryui.com/autocomplete/#remote
                window.top.location = this.value;
              }
         });
                      });

Answer 2

$(document).ready(function() {
    $('#<%=txtSearch.ClientID%>').autocomplete({
        minLength: 3,
        source: "Search_CS.ashx",
        select: function(event, ui) {
            window.location.href = 'profile.aspx?user=' + ui.item.value;
        }
    });
});

有关详细信息，请参阅documentation。

“source”属性代表数据源的名称，即应返回JSON数据的服务器端脚本。一旦用户输入一个字符串（minLength：3），插件就会查询“Search_CS.ashx？term = user_input”，并期望JSON输出如下所示

[
   {"id":"123","label":"John","value":"123"},
   {"id":"435","label":"Bill","value":"435"}
]

因此，就您的代码而言，它应该看起来像

string prefixText = context.Request.QueryString["term"];

....

sb.Append("[");
while (sdr.Read())
{
    string u = sdr["FirstName"].ToString() + " " + sdr["LastName"].ToString();

    if (sb.Length > 1)
       sb.Append(",");
    sb.AppendFormat("{{\"id\":\"{0}\",\"label\":\"{0}\",\"value\":\"{0}\"}}", u); 
}
sb.Append("]");

如何将ID从处理程序页面发送到aspx页面

2 个答案: