Ajax技术实践之完成Ajax自动完成功能分享


近日学习了一下AJAX,照做了几个例子,感觉比较新奇。

   第一个就是自动完成的功能即Autocomplete,具体的例子可以在这里看: https://www.b2c-battery.co.uk

   在Search框内输入一个产品型号,就可以看见效果了。

 

   这里用到了一个开源的代码: AutoAssist ,有兴趣的可以看一下。

   以下为代码片断:

index.htm
<script type="text/javascript" src="javascripts/prototype.js"></script>
<script type="text/javascript" src="javascripts/autoassist.js"></script>
<link rel="stylesheet" type="text/css" href="styles/autoassist.css"/>
<div>
<input type="text" name="keyword" id="keyword"/>
<script type="text/javascript">
Event.observe(window, "load", function() {
var aa = new AutoAssist("keyword", function() {
return "forCSV.php?q=" + this.txtBox.value;
});
});
</script>
</div>

    不知道为什么不能用keywords做文本框的免费精选名字大全,我试了很久,后来还是用keyword,搞得还要修改原代码。

—-想了解更多的jquery相关特效编写怎么解决关注<计算机技术网(www.ctvol.com)!!>forCSV.php
<?php
$keyword = Ajax技术实践之完成Ajax自动完成功能 - 站长学院

最新更新 | 加入收藏 | 设为首页首页
  • 互联网软件
  • IDC产品
  • 站长交易
  • 项目外包
  • 商业信息
  • 招聘
  • 公司库
    • 资 讯
    • 下 载
    • 学 院
    • 工 具
    • 论 坛
    热门关键字:CSS布局配色参考Dreamweaver8 apacheApacheIIS6AjaxWML

    首页 | HOME 站长之家 站长入门 运营策划 搜索优化 网站盈利 网页设计 Html CSS/Xhtml Dhtml WAP Dreamweaver 设计原理 平面动画 Photoshop Firework Flash 网站开发 Asp .Net Php Jsp Mssql Access Oracle Mysql 服务器 Fressbsd LINUX Windows

    视频教程 常用手册 常用广告代码 js特效代码
    站长学院 >> 网页设计教程 >> Dhtml教程  >> Ajax技术实践之完成Ajax自动完成功能

    Ajax技术实践之完成Ajax自动完成功能

    2007-10-4 17:05:00查看学习心得

    {GetProperty(Content)}

    本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

    ctvol管理联系方式QQ:251552304

    本文章地址:https://www.ctvol.com/jquerytutorial/90374.html

    (0)
    上一篇 2020年4月23日
    下一篇 2020年4月23日

    精彩推荐