Ajax & XMLHttpRequset


1<%@ Page language="c#" Codebehind="$FILENAME$.cs" AutoEventWireup="false" Inherits="$INHERITS$" %>
 2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
 3
 4<html>


 5  <head>
 6    <title>Ajax_exam1</title>
 7    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
 8    <meta name="CODE_LANGUAGE" Content="C#">
 9    <meta name=vs_defaultClientScript content="JavaScript">
10    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
11    <meta http-equiv="Content-Type" content="text/html charset=big5 "/>
12    <script language=javascript>
13   
14        var ajax;
15        function CreateAJAX()
16        {
17            if(window.ActiveXObject)
18            {
19                try
20                {
21                    return new ActiveXObject("Msxml2.XMLHTTP");
22                }
23                catch(e)
24                {
25                    try
26                    {
27                        return new ActiveXObject("Microsoft.XMLHTTP");
28                    }
29                    catch(e2)
30                    {
31                        return null;
32                    }
33                }
34            }
35            else if(window.XMLHttpRequest)
36            {
37                return new XMLHttpRequest();
38            }
39            else
40            {
41                return null;
42            }
43        }
44       
45        function onRcvData()
46        {
47            if(ajax.readyState == 4)
48            {
49                if(ajax.status == 200)
50                {
51                    var content = document.getElementById('content');
52                    content.innerHTML = ajax.responseText;
53                }
54                else
55                {
56                    alert('Error from server !');
57                }
58            }
59        }
60       
61        function ajaxSendRequest(url)
62        {
63            ajax = CreateAJAX();
64            if(!ajax)
65            {
66                alert('explorer is unsupport !');
67                return 0;
68            }
69       
70            ajax.onreadystatechange = onRcvData;
71            ajax.open("GET",url,true);
72            ajax.send("");
73        }
74       
75       
76    </script>
77  </head>
78  <body MS_POSITIONING="GridLayout">
79   
80    <div id="content"></div>
81    <br>
82    <input type="button" value="search" onclick="ajaxSendRequest('http://www.baidu.com')">
83   
84  </body>
85</html>
86
  请看上面一个简单的例子,通过他,我们能够初步认识Ajax架构的工作模式!本例子,只包含了一个DIV标签,用来显示最後的结果,以及一个”查询”button.整个执行流程如下:

Ajax的精神在於非同步传输,所以,在Ajax发出清球后,并不会待server的回应,而必须指定一个特定的对象让XMLHttpRequest在接收到server的回应的时候通知javascript.这个负责通知的onreadystatechange.

本文作者:



相关阅读:
dedecms TAG标签列表分页链接优化方法
Linux下用mrtg监控网络设备端口流量
VBS教程:函数-CDbl 函数
PJ Blog修改-禁止复制的代码和方法
使用ASP启动/停止指定WEB站点
用于开发人员的 OLAP
纯CSS如何实现三列DIV等高布局
在FreeBSD5.0上配置DNS服务手记
firefox和IE系列的相关区别整理 以备后用
SQL Server口令 sql server安全性
认识浏览器:Google Chrome 浏览器
php ajax 静态分页过程形式
Vista SP1与XP SP2文件操作评测
oracle 中关于flashback闪回的介绍
快速导航

Copyright © 2016 phpStudy |