首页 课程 师资 教程 报名

Ajax函数的实现

  • 2022-03-14 10:42:20
  • 726次 星辉

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>

 

选你想看

你适合学Java吗?4大专业测评方法

代码逻辑 吸收能力 技术学习能力 综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学
姓名
手机
提交