【问题标题】:jQuery Autocomplete onselect redirect (info from database)jQuery Autocomplete onselect 重定向(来自数据库的信息)
【发布时间】:2014-02-17 07:58:29
【问题描述】:

我希望进行自动完成搜索输入,当用户选择一个项目时,他会被重定向到网络上的某个页面。 我有一个包含名称和网址的数据库。到目前为止,我已经设法从数据库中获取名称,并且自动完成功能确实有效。问题是,我不知道如何在选择事件与名称的特定 Url 之间建立联系。

我正在使用 asp.net:

我的 .ASHX 文件:

   public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "application/javascript";
        string cnString = "cnnstringlocation";
        string sql = "SELECT Name FROM [Table] WHERE Name LIKE  '%'+@term+'%' ";
        SqlCommand cmd = new SqlCommand(sql, new SqlConnection(cnString));
        cmd.CommandType = CommandType.Text;
        cmd.Parameters.AddWithValue("@term", context.Request.QueryString["term"]);
        SqlDataAdapter da = new SqlDataAdapter(cmd);
        DataTable dt = new DataTable();
        da.Fill(dt);
        string[] items = new string[dt.Rows.Count];
        int ctr = 0;


        foreach (DataRow row in dt.Rows)
        {
            items[ctr] = (string)row["Name"];
            ctr++;
        }

        context.Response.Write(new JavaScriptSerializer().Serialize(items));


    }

还有自动完成查询(这很简单,我已经尝试过几次弄乱数据库并更改源,所以我也可以访问 URL,但没有任何运气)

        $('#tags').autocomplete({
            source: 'Autocomplete.ashx'

        });

我对 jQuery 很陌生,但我知道源代码不仅应该包含代表名称的字符串,还应该包含每个名称的 Urls。我在任何地方都找不到正确的语法。 编辑:我想我可以制作另一个 .ASHX 文件,该文件将触发 onselect,然后返回所需的特定 URL。这是一个正确的方法吗?有没有更简单的方法? 感谢您对此事的任何了解。

【问题讨论】:

    标签: jquery asp.net jquery-ui


    【解决方案1】:

    使用select函数,然后你可以选择后重定向这里是参考url

    http://api.jqueryui.com/autocomplete/#event-select

    【讨论】:

    • 我知道我需要使用 select 功能,事情是我没有从数据库中获取 Url,只有自动完成下出现的名称。如何结合名称和网址并在 jquery 中正确处理它们..?
    • 你试过这个吗? window.location.href = "你的网址在这里";因此,当您选择某个人时,您可以在函数中的那个位置提供 url,它会重定向
    • 感谢您的回答,我可能无法很好地解释自己。所选名称的特定 Url 存储在数据库中(列名称,列 Url)。我如何设法找到选择时选择的名称的特定 URL?我知道我最终需要使用 window.location.href,但不知道如何与 Url 取得联系。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多