gpt4 book ai didi

asp.net - 你如何在文本框或谷歌搜索下拉结果等输入控件中填充 sql 查询结果

转载 作者:行者123 更新时间:2023-12-04 05:14:51 26 4
gpt4 key购买 nike

我正在为 friend 做一个小项目,任何帮助都会非常感谢提前。

我有一个文本框,但是我也可以使用 html 输入控件。

与 google bar 相同的想法,您可以在其中键入一个字母 a,它将返回与字母 a 匹配的任何描述。它将在 inut 控件下方显示匹配值,与 goodle 搜索栏相同。

任何想法如何执行此代码示例 C# 都会非常感谢您。

最佳答案

您可以使用 jQuery 和 HTTP 处理程序

  • 下载jQuery (如果您还没有)
  • 下载autocomplete.js
  • 下载jquery.autocomplete.css
  • 将文件复制到您的项目中。我的位于名为 Scripts and Style 的子文件夹中

  • SQL:

    举例来说,我创建了一个名为 Search 的本地数据库,它有一个包含两列 SearchId 和 Search 的表来存储一些虚拟搜索数据

    ASPX:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>Auto complete</title>
    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <link href="Style/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery.autocomplete.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    $("#txtSearch").autocomplete("Autocomplete.ashx");
    });
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <input id="txtSearch" type="text" />
    </div>
    </form>
    </body>
    </html>

    Autocomplete.ashx 处理程序:
    using System;
    using System.Data.SqlClient;
    using System.Web;

    namespace WebApplication17
    {
    public class Autocomplete : IHttpHandler
    {
    public void ProcessRequest(HttpContext context)
    {
    string connectionString = System.Web.Configuration.WebConfigurationManager.ConnectionStrings["connection"].ConnectionString;
    string input = context.Request.QueryString["q"];
    string query = "SELECT TOP 10 Search FROM Search WHERE Search LIKE '" + input + "%'";

    using (var conn = new SqlConnection(connectionString))
    {
    using (var command = new SqlCommand(query,conn))
    {
    conn.Open();
    using (SqlDataReader reader = command.ExecuteReader())
    {
    while (reader.Read())
    context.Response.Write(reader.GetString(0) + Environment.NewLine);
    }
    }
    }
    }

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

    输出:

    enter image description here

    我已将项目的压缩版本放在 Google Drive 上.希望这有帮助!

    关于asp.net - 你如何在文本框或谷歌搜索下拉结果等输入控件中填充 sql 查询结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14413050/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com