ajax函数 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>

</style>

</head>
<body>
<!--ajax
1.创建Ajax对象
2.连接到服务器
3.发送请求(告诉服务器要哪个文件)
4.接收返回值(把要的文件取回来)-->

<script type="text/javascript">
    function ajax(url,fnSucc,fnFaild)
    {
        //1.创建Ajax对象
        //if(XMLHttpRequest)(在IE6下作为一个变量如果没定义会报错，如果作为属性会提示undefined，所以在前面加window.)
        if(window.XMLHttpRequest)
        {
            //非IE6
            var oAjax = new XMLHttpRequest();
        }
        else
        {
            //IE6
            var oAjax = new ActiveXobject("Microsoft.XMLHTTP");
        }
        //2.连接服务器
        //同步：事情一件一件来做；异步：多个事情一起做
        //Ajax基本都是异步的
        //open(方法，文件名(路径)，异步传输(true))
        oAjax.open('GET',url,true);

        //3.发送请求
        oAjax.send();

        //4.接收返回
        oAjax.onreadystatechange = function()
        {    
            //等于4代表最后一步，内容解析完成
            if(oAjax.readyState == 4)       //浏览器和服务器，进行到哪一步了
            {
                if(oAjax.status == 200)//成功
                {
                    //成功
                    fnSucc(oAjax.responseText);
                }
                else
                {
                    if(fnFaild)
                    {
                        //失败(404,文件没找到)
                        fnFaild(oAjax.status);//因何种原因失败
                    }
                }
            }
        }
    }
</script>
</body>
</html>

 

posted @ 2017-01-20 14:49  萤子  阅读(155)  评论(0)    收藏  举报