找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 2472|回复: 0
打印 上一主题 下一主题
收起左侧

构建一个自动完成的搜索框

[复制链接]
跳转到指定楼层
楼主
ID:71235 发表于 2014-12-27 23:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
   基本架构来自相关教程,实现平台还是论坛的管理后台,实现功能完全仿照google的搜索框(包括行为、外观)。原来的程序适合于英文输入体系下,现在也可以用在有中文输入的平台之下,对一些操作过程中的小小的不完美的地方进行了改进。纵观整个程序,可以从中领会到如下技术的运用方法:
    1.jquery相关技术(主要是选取器)
    2.json技术(数据携带格式的问题,因为原程序的json生成程序是php的,所以在找出合适的数据格式上花了不少时间)
    3.ajax技术(使用jquery使ajax变得很轻松,但是.ajax设置域必需注意相关字段的大小写问题)
    4.javascript提交中文字符乱码解决方案(提交的中文字符必须经过escape编码,然后在服务器端解码,在这个地方走了不少弯路,调试中发现某些中文词组不能返回结果,一直以为是javascript提交编码的时候遗漏掉了某些字符,后来发现是这些词组提交服务器后返回的json代码不符合标准,造成解析器错误)
    5.json特殊字符的转义技术(\和"必须被转义)
    6.sqlserver返回不同记录问题(内置的DISTINCT关键字不能满足要求,可以采用这样的语句Select Top 25 *** From ******* Where ** Like '%" & SqlKeys & "%' Group By ** Order By max(***) DESC)
    7.sqlserver特殊字符转义技术(如[可以这样转义[[],]不用转义)
    8.css在IE和firefox下兼容技术(这里用到了层高度自动扩展)

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享淘帖 顶 踩
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|51黑电子论坛 |51黑电子论坛6群 QQ 管理员QQ:125739409;技术交流QQ群281945664

Powered by 单片机教程网

快速回复 返回顶部 返回列表