AJAX 用於創造動態性更強的應用程序,本篇將對其相關知識做出講解。
實例解釋 - showHint() 函數
當使用者在上面的輸入框中鍵入字元時,會執行函數 "showHint()" 。函數由"onkeyup" 事件觸發:
function showHint(str) { var xmlhttp; if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for 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","gethint.asp?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" 中的原始程式碼會檢查一個名字數組,然後向瀏覽器傳回對應的名字:
16a14666da95227e59d6ae4259d2dabd
PHP 檔案
下面的程式碼用PHP 寫,與上面的ASP 程式碼作用是一樣的。
註解:如需在 PHP 中執行這個例子,請將 url 變數的值(Javascript 程式碼中)由 "gethint.asp" 改為 "gethint.php"。
$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";//获得来自 URL 的 q 参数$q=$_GET["q"];//如果 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]; } } } }// 如果未找到提示,则把输出设置为 "no suggestion"// 否则设置为正确的值if ($hint == "") { $response="no suggestion"; } else { $response=$hint; }//输出响应echo $response; ?>
本篇對AJAX ASP/PHP 請求做出了相關的講解,更多的學習資料清關注php中文網即可觀看。
相關推薦:
以上是關於AJAX ASP/PHP 請求實例的相關知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!