C# 如何在不使用ajax扩展或webservice的情况下在文本框中提供自动完成功能？_C#_Javascript_Jquery_Autocomplete_Textbox

C# 如何在不使用ajax扩展或webservice的情况下在文本框中提供自动完成功能？

c# javascript jquery autocomplete

C# 如何在不使用ajax扩展或webservice的情况下在文本框中提供自动完成功能？,c#,javascript,jquery,autocomplete,textbox,C#,Javascript,Jquery,Autocomplete,Textbox,我的网络表单上有一个文本框。我想将此文本框与数据库表中的“name”列绑定。我想，当用户将在这个文本框中键入字母，然后根据与字母匹配的数据，建议将在下拉列表中给出，就像任何其他搜索引擎一样。我想在不使用Ajax自动完成扩展程序或任何web服务的情况下完成它。我试着通过Jquery来实现这一点，但我是用静态名称实现的。我想从数据库中提取这些名称。请指导我怎么做？ aspx页- <html xmlns="http://www.w3.org/1999/xhtml"> <head ru

我的网络表单上有一个文本框。我想将此文本框与数据库表中的“name”列绑定。我想，当用户将在这个文本框中键入字母，然后根据与字母匹配的数据，建议将在下拉列表中给出，就像任何其他搜索引擎一样。我想在不使用Ajax自动完成扩展程序或任何web服务的情况下完成它。我试着通过Jquery来实现这一点，但我是用静态名称实现的。我想从数据库中提取这些名称。请指导我怎么做？ aspx页-

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
      $(function () {
          var items = [
  "Argo",
  "Alex",
  "Mike",
  "Mark",
  "Joseph",
  "John",
  "Alex",
  "Marrie"
  ];
          $("#TextBox1").autocomplete({
              source: items
          });
            });
  </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table>
    <tr>
    <td>Name:</td>
    <td>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
    </tr>
    </table>
    </div>
    </form>
</body>
</html>


$（函数（）{
可变项目=[
“阿尔戈”，
“亚历克斯”，
“迈克”，
“马克”，
“约瑟夫”，
“约翰”，
“亚历克斯”，
“结婚”
];
$（“#TextBox1”）.autocomplete({
资料来源：项目
});
});
姓名：

如果您希望从数据库中读取某些内容，那么应该有一些服务器端脚本，因此您需要Web服务来执行此操作。

这就是如何完成的-

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <script type="text/javascript">
      $(function () {
      var items=[<%=autotag %>];
      $("#TextBox1").autocomplete({
      source:items
      });
      });
  </script>
<body>
    <form id="form1" runat="server">
    <div class="article" id="article">
    <table>
    <tr>
    <td>Name:</td>
    <td>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
    </tr>
    </table>
    </div>
    </form>
</body>

这就是可以做到的-

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <script type="text/javascript">
      $(function () {
      var items=[<%=autotag %>];
      $("#TextBox1").autocomplete({
      source:items
      });
      });
  </script>
<body>
    <form id="form1" runat="server">
    <div class="article" id="article">
    <table>
    <tr>
    <td>Name:</td>
    <td>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
    </tr>
    </table>
    </div>
    </form>
</body>

是的，我想从数据库中读取名称。使用它在下拉列表中为用户提供建议，就像谷歌搜索框一样。通过这样做，我将能够在文本框中使用自动完成。在任何情况下，您都必须引入一些服务器端调用。在“GoogleInstant”中，它也会在每次按键时进行服务器端调用。是的，我想从数据库中读取名称。使用它在下拉列表中为用户提供建议，就像谷歌搜索框一样。通过这样做，我将能够在文本框中使用自动完成。在任何情况下，您都必须引入一些服务器端调用。在“GoogleInstant”中，它也会在每次按键时进行服务器端调用。