首页 / AJAX / PHP学习4 — PHP与AJAX
PHP学习4 — PHP与AJAX
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了PHP学习4 — PHP与AJAX，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3397字，纯文字阅读大概需要5分钟。
内容图文
1. 创建XMLHttpRequest 对象
1
var XMLHttp=null2if (window.XMLHttpRequest) {
3 XMLHttp=new XMLHttpRequest() //适用除Internet Expoler以外的浏览器4}
5elseif (window.ActiveXObject){
6 XMLHttp=new ActiveXObject("Microsoft.XMLHTTP") ////适用Internet Expoler7 }
2. PHP使用AJAX实例
（1） 写HTML表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接
1 <html>
2 <head>
3 <script src="clienthint.js"></script>
4 </head>
5 6 <body>
7 8 <form>
9 First Name:
10 <input type="text" id="txt1"
11 onkeyup="showHint(this.value)"> //当用户在输入域中按下并松开按键时，会触发一个事件
12//当该事件被触发时，执行名为 showHint() 的函数13 </form>
1415 <p>Suggestions: <span id="txtHint"></span></p>
16//表单的下面是一个名为 "txtHint" 的 <span>。它用作 showHint() 函数所返回数据的占位符。17 </body>
18 </html>
（2） JavaScript 代码存储在 "clienthint.js" 文件中，它被链接到 HTML 文档
1
var
xmlHttp
2
function showHint(str) //每当在输入域中输入一个字符，该函数就会被执行一次。 3{
4if (str.length==0)
5 {
6 document.getElementById("txtHint").innerHTML=""
7return 8 }
9 xmlHttp=GetXmlHttpObject()
10if (xmlHttp==null)
11 {
12 alert ("Browser does not support HTTP Request")
13return14 }
15var url="gethint.php" //定义要发送到服务器的 URL（文件名）16 url=url+"?q="+str //把带有输入域内容的参数 (q) 添加到这个 URL17 url=url+"&sid="+Math.random() //添加一个随机数，以防服务器使用缓存文件18 xmlHttp.onreadystatechange=stateChanged //调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象，并在事件被触发时告知该对象执行名为 stateChanged 的函数19 xmlHttp.open("GET",url,true) //用给定的 URL 来打开打开这个 XMLHTTP 对象20 xmlHttp.send(null) //向服务器发送 HTTP 请求21}
2223function stateChanged() //每当 XMLHTTP 对象的状态发生改变，则执行该函数。24{
25if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
26//在状态变成 4 （或 "complete"）时，用响应文本填充 txtHint 占位符 txtHint 的内容。27 {
28 document.getElementById("txtHint").innerHTML=xmlHttp.responseText
29 }
30}
3132function GetXmlHttpObject() //解决为不同浏览器创建不同 XMLHTTP 对象的问题。33{
34var xmlHttp=null;
35try36 {
37// Firefox, Opera 8.0+, Safari38 xmlHttp=new XMLHttpRequest();
39 }
40catch (e)
41 {
42// Internet Explorer43try44 {
45 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
46 }
47catch (e)
48 {
49 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
50 }
51 }
52return xmlHttp;
53 }
（3） 被 JavaScript 代码调用的服务器页面是一个名为 "gethint.php" 的简单服务器页面。
"gethint.php" 中的代码会检查名字数组，然后向客户端返回对应的名字：
1 <?php
2// Fill up array with names 3$a[]="Anna";
4$a[]="Brittany";
5$a[]="Cinderella";
6$a[]="Diana";
7$a[]="Eva";
8$a[]="Fiona";
9$a[]="Gunda";
10$a[]="Hege";
11$a[]="Inga";
12$a[]="Johanna";
13$a[]="Kitty";
14$a[]="Linda";
15$a[]="Nina";
16$a[]="Ophelia";
17$a[]="Petunia";
18$a[]="Amanda";
19$a[]="Raquel";
20$a[]="Cindy";
21$a[]="Doris";
22$a[]="Eve";
23$a[]="Evita";
24$a[]="Sunniva";
25$a[]="Tove";
26$a[]="Unni";
27$a[]="Violet";
28$a[]="Liza";
29$a[]="Elizabeth";
30$a[]="Ellen";
31$a[]="Wenche";
32$a[]="Vicky";
3334//get the q parameter from URL35$q=$_GET["q"];
3637//lookup all hints from array if length of q>038if (strlen($q) > 0)
39{
40$hint="";
41for($i=0; $i<count($a); $i++)
42 {
43if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
44 {
45if ($hint=="")
46 {
47$hint=$a[$i];
48 }
49else50 {
51$hint=$hint." , ".$a[$i];
52 }
53 }
54 }
55}
5657//Set output to "no suggestion" if no hint were found
58//or to the correct values59if ($hint == "")
60{
61$response="no suggestion";
62}
63else64{
65$response=$hint;
66}
6768//output the response69echo$response;
70 ?>
（*整理自W3School）
原文：http://www.cnblogs.com/JasonLiuys/p/6520358.html
内容总结
以上是互联网集市为您收集整理的PHP学习4 — PHP与AJAX全部内容，希望文章能够帮你解决PHP学习4 — PHP与AJAX所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。