HTML中利用纯Microsoft Ajax Library做出可调用WebSerives的AutoComplete

本文介绍如何在HTML页面中利用纯Microsoft AJAX Library实现自动完成功能,通过调用Web Services来提高用户体验。特别针对非ASP.NET页面的情况提供了详细步骤,包括引入必要的JavaScript文件和配置自动完成行为。同时提供了代码下载资源,供开发者学习和参考。

======================================================
注:本文源代码点此下载
======================================================

html中利用纯microsoft ajax library做出可调用webserives的autocomplete

在开发的时候使用asp.net ajax的ajaxtoolkit是很方便的,但是对于非asp.net页面就很不方便了,下面介绍一下在html/asp/php等非asp.net下调用autocomplete的webserives

html 页中加入

script type="text/javascript" src="/javascript/microsoftajaxwebforms.js">script>

script type="text/javascript" src="/javascript/client/common.js">script>

script type="text/javascript" src="/javascript/client/timer.js">script>

script type="text/javascript" src="/javascript/client/animations.js">script>

script type="text/javascript" src="/javascript/client/basescripts.js">script>

script type="text/javascript" src="/javascript/client/animationbehavior.js">script>

script type="text/javascript" src="/javascript/client/popupbehavior.js">script>

script type="text/javascript" src="/javascript/client/autocompletebehavior.js">script>

input name="username" type="text" id="username" autocomplete="flase" />

script type="text/javascript">

$create(ajaxcontroltoolkit.autocompletebehavior, {"completioninterval":400,"completionsetcount":6,"delimitercharacters":"","id":"autocomplete1","servicemethod":"getcompletionlist","servicepath":"/webservices/autocomplete.asmx"}, null, null, $get("username"));

// -->

script>

这样就可以在input上产生autocomplete效果

关键是js引用的顺序不要错啊

代码下载:http://files.cnblogs.com/chsword/code.rar

供大家学习参考,转文章随意--重典

分享到人人

绿色通道:好文要顶关注我收藏该文与我联系

posted @ 2007-08-01 19:39 重典 阅读(1866) 评论(11)编辑 收藏

发表评论

878459

回复 引用 查看

#1楼[楼主]2007-08-01 22:16 | 邹健

有一点错误,在网速慢时会有错误:internet explorer无法打开internet站点

解决方法

回复 引用

#2楼2007-08-04 08:49 | 大奔[未注册用户]

既然调用与.net无关了,那就要举几个非.net的webservices方式啊,比如asp的,php的,要是还用webservices/autocomplete.asmx这样的方式,那何苦呢,不是在折腾自己吗?aspx里面scriptmanager与ajaxtoolkit:autocompleteextender这么傻瓜的方法不用。

回复 引用 查看

#3楼[楼主]2007-08-05 09:53 | 邹健

@大奔

说的是没错,但未来时代应该是别人提供服务,我来用,可能我只有一个静态空间,但我使用 别人的webserives这样也可以在表面完成一些交互工作了

回复 引用

#4楼2007-08-31 14:45 | 孙薇[未注册用户]

楼主,你好,你的例子html中利用纯microsoft ajax library,我照着写了,但改了多次,都有错误,我实在不知道该怎么改了,可不可以把这个工程的代码发到我的邮箱里,让我借鉴一下,非常感谢

我的邮箱是queen_icemer@hotmail.com

回复 引用 查看

#5楼[楼主]2007-08-31 22:43 | 邹健

@孙薇

前提是要引用相应的js,ms ajax你有没有下啊?

回复 引用

#6楼2007-09-01 09:17 | 孙薇[未注册用户]

@孙薇

我下载了,而且也还是按照顺序引用的.

回复 引用

#7楼2007-09-01 09:21 | 孙薇[未注册用户]

还是希望你能把源码发给我,让我能比对一下,谢谢

回复 引用

#8楼2007-09-01 13:41 | 孙薇[未注册用户]

它一直报这个错误:'ajaxcontroltoolkit' 未定义,然后就是type未定义,sys未定义

回复 引用

#9楼2007-09-01 17:10 | 孙薇[未注册用户]

楼主把源代码给我参考一下,不然做不出来,每天都挨经理骂

回复 引用 查看

#10楼[楼主]2007-09-01 20:00 | 邹健

@孙薇

代码下载:http://www.cnblogs.com/files/chsword/code.rar

注册用户登录后才能发表评论,请 登录 或 注册,返回博客园首页

首页博问闪存新闻园子招聘知识库

最新it新闻:

·android平台12月广告浏览份额51.6% 超越ios

·测试版ios源代码显示ipad 3或将支持siri

·斯蒂芬·霍金的新电脑

·京东商城2.95亿竞得北京商业地一块

·美报业巨头合作facebook谷歌 传媒重视网络网络

» 更多新闻...

最新知识库文章:

·javascript 面向对象编程

·持续集成之“everything is code”

·持续集成之“软件自我识别”

·持续集成之戏说check-in dance

·什么是闭包。
       我的理解

» 更多知识库文章...

china-pub 2011秋季教材巡展

china-pub 计算机绝版图书按需印刷服务


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值