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

最新推荐文章于 2021-06-08 23:04:05 发布

lai_gb

最新推荐文章于 2021-06-08 23:04:05 发布

阅读量2.5k

点赞数

分类专栏： Javascript &amp; JQuery Json 文章标签： google json jquery function input div

本文链接：https://blog.csdn.net/lai_gb/article/details/4322270

版权

Javascript & JQuery 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

Json

4 篇文章 0 订阅

订阅专栏

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

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、实现了双击每行数据选中功能；

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

lai_gb

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
JQuery+JSON 实现的一个仿Google提示的代码

代码思路上实现了功能，只要将处理程序连接数据库就可以完成所有功能。代码如下：html： <!-- input { border:solid 1px blue; } #_div_content_ ul { margin-left:
复制链接

扫一扫

专栏目录