最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JS实现仿google、百度搜索框输入信息智能提示的实现方法_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:37:23
文档

JS实现仿google、百度搜索框输入信息智能提示的实现方法_javascript技巧

JS实现仿google、百度搜索框输入信息智能提示的实现方法_javascript技巧:本文实例讲述了JS实现仿google、百度搜索框输入信息智能提示的实现方法。分享给大家供大家参考。具体如下: 仿google、百度搜索框输入信息智能提示的实现 body { font: 11px arial; } .suggest_link { width:120px; backgr
推荐度:
导读JS实现仿google、百度搜索框输入信息智能提示的实现方法_javascript技巧:本文实例讲述了JS实现仿google、百度搜索框输入信息智能提示的实现方法。分享给大家供大家参考。具体如下: 仿google、百度搜索框输入信息智能提示的实现 body { font: 11px arial; } .suggest_link { width:120px; backgr


本文实例讲述了JS实现仿google、百度搜索框输入信息智能提示的实现方法。分享给大家供大家参考。具体如下:




 仿google、百度搜索框输入信息智能提示的实现
 
 

服务器端C#代码

<%@ WebHandler Language="C#" Class="SearchResult" %>
using System;
using System.Web;
using System.Data;
public class SearchResult : IHttpHandler {
 public void ProcessRequest (HttpContext context) {
 object QueryWord=context.Request.QueryString["searchText"];
 if (QueryWord != null)
 {
 if (QueryWord.ToString().Trim().Length > 0)
 {
 DataTable dt = getDB();
 string returnText = "";
 if (dt != null && dt.Rows.Count > 0)
 {
 DataRow[] dr = dt.Select(" name like '%" + QueryWord .ToString()+ "%' ");
 if (dr.Length > 0)
 {
 for (int i = 0; i < dr.Length; i++)
 {
 //可设置返回多字符串
 returnText += dr[i]["id"].ToString() + "@" + dr[i]["name"].ToString() + "\n";
 }
 }
 }
 context.Response.Write(returnText);
 context.Response.End();
 }
 } 
 }
 public bool IsReusable {
 get {
 return false;
 }
 }
 /// 
 /// 获取数据源的方法
 /// 
 /// 数据源
 private DataTable getDB()
 {
 DataTable dt = new DataTable();
 dt.Columns.Add("id");
 dt.Columns.Add("name");
 dt.Columns.Add("age");
 dt.Rows.Add(new object[] { "000001", "张三", "26" });
 dt.Rows.Add(new object[] { "000002", "张晓", "26" });
 dt.Rows.Add(new object[] { "000003", "张岚", "27" });
 dt.Rows.Add(new object[] { "000004", "李四", "25" });
 dt.Rows.Add(new object[] { "000005", "李星", "27" });
 return dt;
 }
}

希望本文所述对大家的javascript程序设计有所帮助。

文档

JS实现仿google、百度搜索框输入信息智能提示的实现方法_javascript技巧

JS实现仿google、百度搜索框输入信息智能提示的实现方法_javascript技巧:本文实例讲述了JS实现仿google、百度搜索框输入信息智能提示的实现方法。分享给大家供大家参考。具体如下: 仿google、百度搜索框输入信息智能提示的实现 body { font: 11px arial; } .suggest_link { width:120px; backgr
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top