第一个 Ajax 入门实例

来源：互联网发布：免费股票交易软件下载编辑：程序博客网时间：2024/04/27 05:27

<html><head>    <title>Ajax</title>        <script language="javascript">var xmlHttp; // 定义一个全局变量 xmlHttp// 创建 XMLHttpRequest 对象function createXMLHttpRequest() {if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE} else if (window.XMLHttpRequest) {xmlHttp = new XMLHttpRequest();// XMLHttpRequest}}function startRequest() {createXMLHttpRequest();// 创建 XMLHttpRequestvar url = 'index.php?' + new Date().getTime();// 异步传输到的页面 index.php，后面加 new Date().getTime()，是为了消除 IE 的缓存xmlHttp.open('GET', url, true); // open() 方法发送一个异步请求// 属性变化了就会触发 onreadystatechange 事件xmlHttp.onreadystatechange = function() {// 如果请求的状态等于4（接受成功），并且服务器返回的 HTTP 响应值为200（请求成功）if (xmlHttp.readyState==4 && xmlHttp.status==200) {// 弹出服务器返回的文本alert('服务器返回：' + xmlHttp.responseText);}}xmlHttp.send(null);}</script>    </head>    <body><input type="button" value="异步通讯" onClick="startRequest();" />     </body></html>

index.php

<?phpheader('Content-type:text/html;Charset=GB2312');echo '异步测试成功！';?>

实例结果图：

（Opera）（Firefox）（IE）