c#+jquery-autocomplete实现类似百度,Google模糊查询
来源:互联网 发布:淘宝买隐形眼镜靠谱吗 编辑:程序博客网 时间:2024/05/17 04:44
由于现有系统有一个界面显示不友好,因此写单独重写了这个页面。期中有个要查询库位的功能。闲着没事做成类似百度,Google模糊查询的效果了
后台CS代码:
其他参考链接
中英文都可以。
效果图:
JS代码如下:
首先引用 css js 可到官方网站去下载 点击打开链接
<link href="css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet"/>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
- var arry=new Array();
- $(document).ready(function () {
- $.ajax({
- type: "POST",
- contentType: "application/json",
- url: "AjaxPage.aspx/GetAllHints",
- data: "{}",
- dataType: "json",
- success: function (msg)
- {
- var datas = eval('(' + msg.d + ')');
- for(var i=0;i<datas.length;i++)
- {
- arry[i]=datas[i].Key;
- }
- $("#txtIput").autocomplete(
- {
- source:arry
- });
- }
- });
- });
后台CS代码:
- [WebMethod]
- public static string GetAllHints()
- {
- Dictionary<string, string> data = new Dictionary<string, string>();
- data.Add("ActionScript", "21782");
- data.Add("AppleScript", "238061");
- data.Add("BASIC", "838360");
- data.Add("Clojure", "242721");
- data.Add("COBOL", "63348");
- data.Add("苹果4s", "24030");
- data.Add("戴尔笔记本", "110105");
- data.Add("戴尔手机", "18870");
- data.Add("戴尔键盘", "30367");
- //JSON序列化
- DataContractJsonSerializer serializer = new DataContractJsonSerializer(data.GetType());
- string dataString=string.Empty;
- //定义一个stream用来存放序列化之后的内容
- using (MemoryStream ms = new MemoryStream())
- {
- serializer.WriteObject(ms, data);
- //返回json 字符串
- return System.Text.Encoding.UTF8.GetString(ms.ToArray());
- }
- }
其他参考链接
http://05ds210.blog.163.com/blog/static/5428207120095561314427/
http://kb.cnblogs.com/page/73227/
http://www.cnblogs.com/Peter-Zhang/archive/2011/10/22/2221147.html
http://hi.baidu.com/aplesen/item/77c163d9e9b72656d63aaebf 0 0
- c#+jquery-autocomplete实现类似百度,Google模糊查询
- c#+jquery-autocomplete实现类似百度,Google模糊查询
- jquery 查找类似autoComplete 实现模糊查询
- Jquery实现类似Google autocomplete
- jQuery autoComplete实现模糊查询
- C#+.Ashx+Jquery.AutoComplete 仿百度谷歌模糊自动查询两种使用方法
- 使用jquery的autocomplete实现类似百度的输入提示
- 类似百度、google的模糊查询下拉列表显示制作
- ajax jquery 实现类似百度查询功能
- autocomplete+PHP+MYSQL的实现模糊查询
- autocomplete+PHP+MYSQL的实现模糊查询
- ajax结合jQuery autocomplete 实现类似百度搜索一样的输入联想
- Jquery UI简单应用——自动完成(Autocomplete)实现类似百度输入提醒效果
- jquery Autocomplete 实现联想查询
- jquery.autocomplete 实现实时查询
- 类似百度搜索时的模糊查询
- jQuery实现模糊查询
- jquery.autocomplete.js 文本框自动填充 类似百度搜索引擎效果
- Linq学习资料(一)
- Activity生命周期
- Android模拟器快捷键
- 在X86上用gdb设置带函数入参判断的条件断点
- 最全输入函数 c/c++
- c#+jquery-autocomplete实现类似百度,Google模糊查询
- hoj 2651 Pie(二分)hoj 2278 (二分)
- POJ1436 Horizontally Visible Segments
- Microsoft SQL Server 2005简体中文开发版下载说明
- Android常用权限permission列表摘录
- 傅里叶分析之掐死教程(完整版)
- BZOJ 1083 繁忙的都市
- static_cast,dynamic_cast和const_cast的区别
- shell语法中test命令详解