您的位置：首页 > 其它

史上最简单之ajax实例

2007-11-25 10:51 274 查看

史上最简单之ajax实例
/*
Ajax.js
ajax核心文件
*/
var xmlHttp = null;
xmlHttp = new XMLHttpRequest();
function ajax(qurl,showid)
{

//IE7.firefox
xmlHttp.open("GET",qurl,true);

//相应处理函数数的含参写法
xmlHttp.onreadystatechange = function(){handleRequest(showid)};

xmlHttp.send(null);
}

// handleRequest被调用四次
function handleRequest(showid)
{
if (xmlHttp.readyState == 4)
{
if (xmlHttp.status == 200)
{
document.getElementById(showid).innerHTML = xmlHttp.responseText;
}
}
else
{
alert(xmlHttp.readyState);
}
}

/*
Index.htm
*/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src= ajax.js type=text/javascript></script>
</head>
<body>
<a href=test.php onclick="ajax(this.href,'test');event.returnValue = false;">asdffa</a>
<div id='test'>

</div>
</body>
</html>

/*
Test.php
服务器相应
*/
<?php
//header不加，中文会出现乱码
header('Content-Type:text/html;charset=GB2312');
echo "<I>史上最简单之AJAX实例</I>";
?>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航