• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ajax Suggest类似google的搜索提示效果
    实现:
    script type="text/javascript" src="/path/to/SuggestFramework.js">/script>
    script type="text/javascript">window.onload = initializeSuggestFramework;/script>
    有了上面两句后,每个取了名的文本框会多出五个属性:
    1.action 必须。接受 GET 方式提交的数据,并返回相关 Javascript 数组的动态页。
    2.capture 如果返回的结果不止一列(比如本例中的单词和中文意思),将要替换用户输入的那一列(从 1 开始算)。通常这个和数据库字段相对应。
    可选,默认为 1.
    3.columns 下拉显示的列数,比如本例中,按字母查询单词,并将中文意思显示在右侧。可选,默认为 1.
    4.delay 查询延时,单位为毫秒。较低的延时会得到更快的反应,但会加重服务器负担。可选,默认为 1000(1秒)。
    5.heading 如果设为 true ,第一个数组值将作为不可选择项(标题栏)。当有两列或两列以上数据时非常有用。可选,默认为 false.
    数据提交只需要两个数据
    1.type 输入框的name
    2.q 搜索关键字(默认UTF-8编码)
    您下载的压缩包中,已经包含php和ColdFusion示例,当然这个框架可以适用于所有的编程语言,无平台限制。后台数据输出就是一条 Javascript 语句。一维数组这么写:
    new Array(”val1″, “val2″, “val3″);
    二维数组这么写:
    new Array(
    new Array(”第1行条第1列”, “第1行第2列”),
    new Array(”第2行条第1列”, “第1行条第2列”),
    new Array(”第3行条第1列”, “第1行条第2列”)
    );
    最后介绍一下,css中需要定义的4个类
    .SuggestFramework_List 提示内容所在区域
    .SuggestFramework_Heading 第一条提示
    .SuggestFramework_Highlighted 设置高亮的一条提示
    .SuggestFramework_Normal 其他提示
    下载地址 http://xiazai.jb51.net/200903/yuanma/SuggestFramework-0.31.zip
    您可能感兴趣的文章:
    • jsp网页搜索结果中实现选中一行使其高亮
    • jsp搜索引擎
    • jsp源码实例4(搜索引擎)
    • php+ajax做仿百度搜索下拉自动提示框(有实例)
    • asp+ajax仿google搜索提示效果代码
    • jquery创建一个ajax关键词数据搜索实现思路
    • asp.net和ajax实现智能搜索功能代码
    • ThinkPHP实现ajax仿官网搜索功能实例
    • php+ajax实时输入自动搜索匹配的方法
    • Ajax+Servlet+jsp显示搜索效果
    上一篇:AJAX 支持搜索引擎问题分析
    下一篇:Ajax 框架学习笔记
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ajax Suggest类似google的搜索提示效果 ajax,Suggest,类似,google,的,