AJAX简易封装（四步）

最基础的ajax封装如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        function ajax(url,fnSucc,err){
            if(window.XMLHttpRequest){
                var oAjax=new XMLHttpRequest();
            }else{
                var oAjax=new ActiveXObject('Microsoft.XMLHTTP');
            }
            //建立连接，打开连接,三个参数 ： 连接方式，url 是否异步
            oAjax.open('GET',url,true);
            //发送请求
            oAjax.send();
            //接收,监控状态
            oAjax.onreadystatechange=function(){
                if(oAjax.readyState==4)//通信状态
                {
                    //状态码
                    if(oAjax.status>=200&&oAjax.status<300 || oAjax.status==304){
                        fnSucc &&fnSucc(oAjax.responseText);
                    }else{
                        err &&err(oAjax.status);
                    }
                }
            };
        }
    </script>
</head>
<body>
    window.onload = function() {
        ajax('请求文档名-最好不要用中文.txt', function(str) {
            alert(str)
        }, function(err) {
            alert(err)
        });
    };
</body>
</html>

最后编辑于：2017.12.04 20:18:19

AJAX简易封装（四步）

推荐阅读更多精彩内容