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