在ASP.NET中键入时显示搜索结果

本文关键字：显示 搜索结果 ASP NET | 更新日期: 2023-09-27 18:08:17

我的页面上有一个文本框和一个文字控件。每当用户在文本框中输入搜索文本时，就会在代码后面生成带有结果的HTML代码，并将其添加到文字控件中。

所以，现在我试着在文本框中显示用户输入的搜索结果。

谁能告诉我怎么才能做到这一点?

在ASP.NET中键入时显示搜索结果

您只需查看远程数据源的jQuery UI自动完成功能即可。

对于像..这样的文本框

<input id="birds" />

你需要这样做…

$( "#birds" ).autocomplete({ source: "search.php" });

我认为你想要的是JQuery自动完成。

据我所知，您想要模仿Google的行为。

在这种情况下，你需要发送ajax请求每次当用户键入新的符号在你的文本和替代html。但是你需要改变你的Literal控制到一些'div'或Panel，因为你不能通过Javascript找到Literal控制。它只是被html内容

所取代

, 

$('#searchbox').keypress(function() {
    $.ajax({
      url: "search.html",
      data: { q: $('#searchbox').val() },
      cache: true,
      success: function(html){
        $("#results").html(html);
      }
    });
});

这只是一个样本，可能需要一些修改。

处理JSON数据 http://api.jquery.com/jQuery.getJSON/

$.getJSON('ajax/test.json', function(data) {
  var items = [];
  $.each(data, function(key, val) {
    items.push('<li id="' + key + '">' + val + '</li>');
  });
  $('<ul/>', {
    'class': 'my-new-list',
    html: items.join('')
  }).appendTo('body');
});
相关文章：