Ajax简单请求示例

最新推荐文章于 2023-06-23 08:35:29 发布

qiuzhong1983

最新推荐文章于 2023-06-23 08:35:29 发布

阅读量828

点赞数

文章标签： ajax xmlhttprequest stylesheet function html website

本文链接：https://blog.csdn.net/qiuzhong1983/article/details/889669

版权

请把此代码保存为 ajax.htm 放在IIS服务器里运行!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>老丘的BLOG-AJAX SAMPLE</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
        if(window.ActiveXObject){
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                
        }
        else if(window.XMLHttpRequest){
                xmlHttp = new XMLHttpRequest();
        }
}
function startRequest(){
        createXMLHttpRequest();
        xmlHttp.onreadystatechange = handleStateChange ;
        xmlHttp.open("GET","oldqiu.xml",true);
        xmlHttp.send(null);
}
function handleStateChange(){
        if(xmlHttp.readyState== 4){
                if(xmlHttp.status == 200){
                        alert("The server replied with:"+xmlHttp.responseText);
                }
        }
        
}
</script>
</head>

<body>
        <form action="#">
                <input type="button" value="开始异步请求!" onClick="startRequest();"/>
        </form>
</body>
</html>