JavaScript-Runoob-AJAX:ASP/PHP 例項
阿新 • • 發佈:2020-07-16
ylbtech-JavaScript-Runoob-AJAX:ASP/PHP 例項 |
1.返回頂部 |
AJAXASP/PHP 例項
AJAX 用於創造動態性更強的應用程式。
AJAX ASP/PHP 例項
下面的例子將為您演示當用戶在輸入框中鍵入字元時,網頁如何與 web 伺服器進行通訊: 請在下面的輸入框中鍵入字母(A - Z):
例項
在輸入框中嘗試輸入字母 a:
提示資訊:
嘗試一下 »
例項解析 - showHint() 函式
當用戶在上面的輸入框中鍵入字元時,會執行函式 "showHint()" 。該函式由 "onkeyup" 事件觸發:
function showHint(str) { var xmlhttp; if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行程式碼 xmlhttp=new XMLHttpRequest(); } else {// IE6, IE5 瀏覽器執行程式碼 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/try/ajax/gethint.php?q="+str,true); xmlhttp.send(); }
原始碼解析:
如果輸入框為空str.length==0,則該函式清空txtHint佔位符的內容,並退出函式。
如果輸入框不為空,showHint()函式執行以下任務:
- 建立XMLHttpRequest物件
- 當伺服器響應就緒時執行函式
- 把請求傳送到伺服器上的檔案
- 請注意我們向 URL 添加了一個引數 q (帶有輸入框的內容)
AJAX 伺服器頁面 - ASP 和 PHP
由上面的 JavaScript 呼叫的伺服器頁面是 ASP 檔案,名為 "gethint.asp"。
下面,我們建立了兩個版本的伺服器檔案,一個用 ASP 編寫,另一個用 PHP 編寫。
ASP 檔案
"gethint.asp" 中的原始碼會檢查一個名字陣列,然後向瀏覽器返回相應的名字:
<% response.expires=-1 dim a(30) 'Fill up array with names a(1)="Anna" a(2)="Brittany" a(3)="Cinderella" a(4)="Diana" a(5)="Eva" a(6)="Fiona" a(7)="Gunda" a(8)="Hege" a(9)="Inga" a(10)="Johanna" a(11)="Kitty" a(12)="Linda" a(13)="Nina" a(14)="Ophelia" a(15)="Petunia" a(16)="Amanda" a(17)="Raquel" a(18)="Cindy" a(19)="Doris" a(20)="Eve" a(21)="Evita" a(22)="Sunniva" a(23)="Tove" a(24)="Unni" a(25)="Violet" a(26)="Liza" a(27)="Elizabeth" a(28)="Ellen" a(29)="Wenche" a(30)="Vicky" 'get the q parameter from URL q=ucase(request.querystring("q")) 'lookup all hints from array if length of 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 'Output "no suggestion" if no hint were found 'or output the correct values if hint="" then response.write("no suggestion") else response.write(hint) end if %>
PHP 檔案
下面的程式碼用 PHP 編寫,與上面的 ASP 程式碼作用是一樣的。
<?php // Fill up array with names $a[]="Anna"; $a[]="Brittany"; $a[]="Cinderella"; $a[]="Diana"; $a[]="Eva"; $a[]="Fiona"; $a[]="Gunda"; $a[]="Hege"; $a[]="Inga"; $a[]="Johanna"; $a[]="Kitty"; $a[]="Linda"; $a[]="Nina"; $a[]="Ophelia"; $a[]="Petunia"; $a[]="Amanda"; $a[]="Raquel"; $a[]="Cindy"; $a[]="Doris"; $a[]="Eve"; $a[]="Evita"; $a[]="Sunniva"; $a[]="Tove"; $a[]="Unni"; $a[]="Violet"; $a[]="Liza"; $a[]="Elizabeth"; $a[]="Ellen"; $a[]="Wenche"; $a[]="Vicky"; //get the q parameter from URL $q=$_GET["q"]; //lookup all hints from array if length of q>0 if (strlen($q) > 0) { $hint=""; for($i=0; $i<count($a); $i++) { if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q)))) { if ($hint=="") { $hint=$a[$i]; } else { $hint=$hint." , ".$a[$i]; } } } } // Set output to "no suggestion" if no hint were found // or to the correct values if ($hint == "") { $response="no suggestion"; } else { $response=$hint; } //output the response echo $response; ?>2、
2.返回頂部 |
3.返回頂部 |
4.返回頂部 |
5.返回頂部 |
6.返回頂部 |
作者:ylbtech 出處:http://ylbtech.cnblogs.com/ 本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段宣告,且在文章頁面明顯位置給出原文連線,否則保留追究法律責任的權利。 |