AJAX初步学习实例

最新推荐文章于 2024-10-09 17:17:37 发布

icetofyt

最新推荐文章于 2024-10-09 17:17:37 发布

阅读量334

点赞数

分类专栏： JS效果常用实现案例文章标签： ajax xmlhttprequest safari firefox opera chrome

本文链接：https://blog.csdn.net/icetofyt/article/details/6735684

版权

JS效果常用实现案例专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在服务器的根目录下新建两个文件：c.php和d.php

c.php中的代码如下：

<html>
<head></head>
<script type="text/javascript">
function getNotice() {
var xmlhttp;
if (window.XMLHttpRequest)
{//IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{//IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST","D.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(null);
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 3) {
   document.getElementById("show").innerHTML = "Loding...";

}
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
   alert("看效果去！！！");
   document.getElementById("show").innerHTML = xmlhttp.responseText;
}
}
delete xmlhttp;
}
</script>
<body>
<span id="show1"><input type="text" size="20" /></span>
<span id="show"></span>
<input type="button" οnclick="getNotice()" value="Submit" />
</body>
</html>