JQuery+JSON 实现的一个仿Google提示的代码

发布时间：2020-12-16 19:31:09 所属栏目：百科来源：网络整理

导读：代码思路上实现了功能，只要将处理程序连接数据库就可以完成所有功能。代码如下： html： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/x

代码思路上实现了功能，只要将处理程序连接数据库就可以完成所有功能。代码如下：

html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <mce:style type="text/css"></mce:script> </head> <body> <input id="txt_Input" name="txt_Input" /> <div id="_div_content_" style="display:none;border-width:1px;border-color:Red; border-style:solid;position:absolute;z-index:1000;width:250px"> </div> </body> </html>

Handler.ashx文件如下：

<%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; if (context.Request["k"] == null || context.Request["k"].ToString() == "") context.Response.Write("-1"); else { string k = context.Request["k"]; string jsonStr = GetJSONByKey(k); context.Response.Write(jsonStr); } } public bool IsReusable { get { return false; } } private string GetJSONByKey(string key) { return str2; } private string str2 = "[{/"title/":/"文件/",/"count/":/"1000/"},{/"title/":/"调试/",/"count/":/"900/"},{/"title/":/"编辑/",/"count/":/"800/"},{/"title/":/"视图/",/"count/":/"700/"},{/"title/":/"网站/",/"count/":/"600/"},{/"title/":/"生成/",/"count/":/"500/"}]"; }

总结：

1、仿照Google或者百度的提示功能；

2、实现了双击每行数据选中功能；

本程序提供实现思路，没有对外观做太多美化，具体到实际的内容并没有进一步实现，其实都是一些劳力劳动。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!