第一个 Ajax 入门实例

来源：互联网发布：淘宝买东西后退款bug 编辑：程序博客网时间：2024/04/17 07:08

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 '异步测试成功！';  
?>  

0 0