【asp】JS如何通過ajax獲取遠端服務器上指定頁面的數據
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
【ASP】JS AJAX 實例下面的例子演示：當用戶在輸入字段中鍵入字符時，網頁如何與 web 服務器進行通信： 實例請在下面的輸入字段中鍵入字母 A-Z： 姓名： 搜索建議： 例子解釋在上面的例子中，當用戶在輸入字段中鍵入字符時，會執行名為 "showHint()" 的函數。 此函數被 onkeyup 事件觸發。 下面是 HTML 代碼： 實例<html> <head> <script> function showHint(str) { if (str.length == 0) { document.getElementById("txtHint").innerHTML = ""; return; } else { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { document.getElementById("txtHint").innerHTML = this.responseText; } }; xmlhttp.open("GET", "gethint.asp?q=" + str, true); xmlhttp.send(); } } </script> </head> <body> <p><b>請在下面的輸入字段中鍵入字母 A-Z：</b></p> <form>姓名：<input type="text" onkeyup="showHint(this.value)" /></form> <p>搜索建議：<span id="txtHint"></span></p> </body> </html> 代碼解釋：首先，檢查輸入字段是否為空（ 不過，如果輸入字段不為空，則進行如下：
ASP 文件 - "gethint.asp"這個 ASP 文件檢查姓名數組，然后向瀏覽器返回對應的姓名： <% response.expires=-1 dim a(32) '用姓名填充數組 a(1)="Ava" a(2)="Brielle" a(3)="Caroline" a(4)="Diana" a(5)="Elise" a(6)="Fiona" a(7)="Grace" a(8)="Hannah" a(9)="Ileana" a(10)="Jane" a(11)="Kathryn" a(12)="Laura" a(13)="Millie" a(14)="Nancy" a(15)="Opal" a(16)="Petty" a(17)="Queenie" a(18)="Rose" a(19)="Shirley" a(20)="Tiffany" a(21)="Ursula" a(22)="Victoria" a(23)="Wendy" a(24)="Xenia" a(25)="Yvette" a(26)="Zoe" a(27)="Angell" a(28)="Adele" a(29)="Beatty" a(30)="Carlton" a(31)="Elisabeth" a(32)="Violet" '從 URL 獲取 q 參數 q=ucase(request.querystring("q")) '查看數組中所有 hint，q 的長度是否大于 0 if len(q)>0 then hint="" for i=1 to 30 if q=ucase(mid(a(i),1,len(q))) then if hint="" then hint=a(i) else hint=hint & " , " & a(i) end if end if next end if '如果未找到 hint，輸出 "no suggestion"，或輸出正確的值 if hint="" then response.write("no suggestion") else response.write(hint) end if %> 該文章在 2024/3/29 8:42:59 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
