• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 再说AutoComplete自动补全之实现原理

再说AutoComplete自动补全之实现原理

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了AutoComplete,自动补全等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
一.简述
昨天support一同事,帮她的客户做类似下面的效果(自动完成):

image

以前在搜房的时候,弄过这个,调用楼盘字典:

image

这是一个小功能,也是一个大功能。因为它可以做大,也可以做小。
二.搜房的AutoComplete
比如上面我们看到搜房的这个就做大了,你要看到这样一个效果,其实搜房做了这么几件事:

1.数据库作业。把每天的楼盘字典存入XML,每个城市的对应一个XML.比如今天生成的bj_11_04.xml
2.业务逻辑层加上Memcached。用户访问的时候,先判断Memcached里有没有,有的话走缓存,没有的话读XML,并且入缓存。
3.AJAX调用
4.拼音调用楼盘字典(开始做了,后来又删了,原因不详),就是下面效果

image

所以,这个功能,可以做大,也可以做小。做大了要申请加服务器。所以做这个功能之前,要了解访问量。
三.Coding
下面说下昨天做的东西,完全基于JqueryUI,
ASPX代码:

image

上面是ASP.NET下的实现,在ASP.NET MVC2或者MVC3或者MVC4中,我们不用使用JavaScriptSerializer和ashx 这种方式来序列化成JSON并且向客户端write,因为它们提供了JSONResult

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery Autocomplete简介_动力节点Java学院整理
  • jQuery插件autocomplete使用详解
  • jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
  • jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
  • jquery插件autocomplete用法示例
  • Jquery插件仿百度搜索关键字自动匹配功能
  • jquery.autocomplete修改实现键盘上下键自动填充示例
  • firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
  • 基于jquery的文本框与autocomplete结合使用(asp.net+json)
  • jQuery UI Autocomplete 1.8.16 中文输入修正代码

相关文章

  • 2017-08-16jQuery循环动画与获取组件尺寸的方法
  • 2017-08-16jQuery ajax serialize() 方法使用示例
  • 2017-08-16jquery toolbar与网页浮动工具条具体实现代码
  • 2017-08-16Jquery动态进行图片缩略的原理及实现
  • 2017-08-16通过Ajax使用FormData对象无刷新上传文件方法
  • 2017-08-16Javascript中的异步编程规范Promises/A详细介绍
  • 2017-08-16jquery 笔记 事件
  • 2017-08-16Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
  • 2017-08-16jQuery简单实现彩色云标签效果示例
  • 2017-08-16基于Jquery实现焦点图淡出淡入效果

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现弹出窗口弹出div层的实例代码
    • jquery.hotkeys监听键盘按下事件keydown插件
    • jQuery中andSelf()方法用法实例
    • jquery cookie的用法总结
    • 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
    • 深入浅出 jQuery中的事件机制
    • jquery插件autocomplete用法示例
    • js+jquery实现图片裁剪功能
    • 一款由jquery实现的整屏切换特效
    • 纯jQuery实现前端分页功能

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有