第一个 Ajax 入门实例
2014-10-27 17:26
330 查看
http://blog.csdn.net/liruxing1715/article/details/7104404
<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>
index.php
[php] view
plaincopy
<?php
header('Content-type:text/html;Charset=GB2312');
echo '异步测试成功!';
?>
<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>
index.php
[php] view
plaincopy
<?php
header('Content-type:text/html;Charset=GB2312');
echo '异步测试成功!';
?>
相关文章推荐
- 第一个 Ajax 入门实例
- AJAX入门必读与实例(初学)
- ajax讲解和入门实例
- AJAX实例入门
- AjaxPro(入门)实例
- AJAX+servlet实例入门
- AJAX实例入门
- AJAX 简介及入门实例
- AJAX 入门视频之 Ext 2.0.1 Grid 增删改 & DWR 1 实例
- ajax实例入门代码
- 案例4-3 Ajax的响应处理简单实例(征服Ajax——Web 2.0快速入门与项目实践Java)
- Ajax入门实例第一篇 (Ajax.NET组件使用第一篇)
- AJAX从零开始--第一个实例
- AJAX实例入门
- AJAX实例:XHR的入门
- AJAX入门必读与实例(仿google的拖动)[Code]
- AJAX实例入门
- AJAX实例入门
- 简单 简洁 Ajax 实例 入门
- AJAX 简介及入门实例