简单的AJAX异步处理

最新推荐文章于 2025-09-08 20:15:10 发布

weixin_34050389

最新推荐文章于 2025-09-08 20:15:10 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml php javascript ViewUI

原文链接：http://www.cnblogs.com/mizzle/archive/2010/11/11/1874780.html

本文介绍了如何使用XMLHttpRequest对象实现简单的AJAX功能。主要内容包括判断浏览器类型并创建XMLHttpRequest对象，设置响应服务器的方法，通过open方法建立服务器请求，以及通过send方法发送请求。示例代码演示了如何从服务器获取数据并显示。

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>无标题文档</title>
6 <script type="text/javascript">
7 var xmlHttp;
8 function createXMLHttpRequest()
9 {
10 if(window.ActiveXObject)//判断浏览器异步对象类型；
11 {
12 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//实例化异步对象；
13 }
14 else if(window.XMLHttpRequest)
15 {
16 xmlHttp=new XMLHttpRequest();
17 }
18 }
19 function startRequest()
20 {
21 createXMLHttpRequest();//调用异步对象；
22 xmlHttp.onreadystatechange=function()//响应服务器调用方法；
23 {
24 if(xmlHttp.readyState==4)//判断请求是否完成
25 {
26 var a=xmlHttp.responseText; //获取服务器返回的数据并赋给变量a
27 alert(a)
28 }
29 }
30 xmlHttp.open("GET","admin.php",true);//通过GET方法访问一个服务器端的URL链接脚本并以异步处理建立一个服务器请求
31 xmlHttp.send(null);//发送一个请求；
32 }
33 </script>
34 </head>
35
36 <body>
37 <input type="button" value="提交" onclick="startRequest()" />
38 </body>
39 </html>
40
41 admin.php
42 <?php
43 echo "my name is youyou"
44 ?>

总结：

1：判断浏览器并实例化XMLHttpRequest对象；

2：相应服务器执行的代码段；

3：建立通过open方法访问服务器脚本语言的请求；

4：通过send方法发送这个请求；

转载于:https://www.cnblogs.com/mizzle/archive/2010/11/11/1874780.html