且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-02-05 14:19:07

在开发的时候使用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"}, nullnull, $get("Username"));
// -->
</script>

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

关键是JS引用的顺序不要错啊HTML中利用纯Microsoft Ajax Library做出可调用WebSerives的AutoComplete
代码下载:http://files.cnblogs.com/chsword/Code.rar