ajax实例

来源：互联网发布：ps ef grep java 详解编辑：程序博客网时间：2024/05/16 06:45

<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();// 创建 XMLHttpRequest
var 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>

//php

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

0 0