Ajax函数的实现

更新时间：2022-03-14 10:42:20 来源：极悦浏览819次

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>

Ajax教程