深圳网站建站的公司,桂林生活网官网首页,响应式网站制作教程,照明工业网站建设AJAX ASP/PHP 实例AJAX 用于创造动态性更强的应用程序。AJAX ASP/PHP 实例下面的例子将为您演示当用户在输入框中键入字符时#xff0c;网页如何与 web 服务器进行通信#xff1a; 请在下面的输入框中键入字母(A - Z)#xff1a;实例Start typing a name in the input field…AJAX ASP/PHP 实例AJAX 用于创造动态性更强的应用程序。AJAX ASP/PHP 实例下面的例子将为您演示当用户在输入框中键入字符时网页如何与 web 服务器进行通信 请在下面的输入框中键入字母(A - Z)实例Start typing a name in the input field below: First name:Suggestions:尝试一下 »实例解析 - showHint() 函数当用户在上面的输入框中键入字符时会执行函数 showHint() 。该函数由 onkeyup 事件触发function showHint(str){var xmlhttp;if (str.length0){document.getElementById(txtHint).innerHTML;return;}if (window.XMLHttpRequest){// code for IE7, Firefox, Chrome, Opera, Safarixmlhttpnew XMLHttpRequest();}else{// code for IE6, IE5xmlhttpnew ActiveXObject(Microsoft.XMLHTTP);}xmlhttp.onreadystatechangefunction(){if (xmlhttp.readyState4 xmlhttp.status200){document.getElementById(txtHint).innerHTMLxmlhttp.responseText;}}xmlhttp.open(GET,gethint.html?qstr,true);xmlhttp.send();}源代码解析如果输入框为空 (str.length0)则该函数清空 txtHint 占位符的内容并退出函数。如果输入框不为空showHint() 函数执行以下任务 创建 XMLHttpRequest 对象当服务器响应就绪时执行函数把请求发送到服务器上的文件请注意我们向 URL 添加了一个参数 q (带有输入框的内容)AJAX 服务器页面 - ASP 和 PHP由上面的 JavaScript 调用的服务器页面是 ASP 文件名为 gethint.asp。下面我们创建了两个版本的服务器文件一个用 ASP 编写另一个用 PHP 编写。ASP 文件gethint.asp 中的源代码会检查一个名字数组然后向浏览器返回相应的名字response.expires-1dim a(30)Fill up array with namesa(1)Annaa(2)Brittanya(3)Cinderellaa(4)Dianaa(5)Evaa(6)Fionaa(7)Gundaa(8)Hegea(9)Ingaa(10)Johannaa(11)Kittya(12)Lindaa(13)Ninaa(14)Opheliaa(15)Petuniaa(16)Amandaa(17)Raquela(18)Cindya(19)Dorisa(20)Evea(21)Evitaa(22)Sunnivaa(23)Tovea(24)Unnia(25)Violeta(26)Lizaa(27)Elizabetha(28)Ellena(29)Wenchea(30)Vickyget the q parameter from URLqucase(request.querystring(q))lookup all hints from array if length of q0if len(q)0 thenhintfor i1 to 30if qucase(mid(a(i),1,len(q))) thenif hint thenhinta(i)elsehinthint , a(i)end ifend ifnextend ifOutput no suggestion if no hint were foundor output the correct valuesif hint thenresponse.write(no suggestion)elseresponse.write(hint)end if%PHP 文件下面的代码用 PHP 编写与上面的 ASP 代码作用是一样的。// 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 q0if (strlen($q) 0){$hint;for($i0; $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 valuesif ($hint ){$responseno suggestion;}else{$response$hint;}//output the responseecho $response;?
