Ajax函数怎么实现

这篇文章主要介绍“Ajax函数怎么实现”,在日常操作中,相信很多人在Ajax函数怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ajax函数怎么实现”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

专注于为中小企业提供成都网站制作、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业威县免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

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函数怎么实现”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!

文章标题:Ajax函数怎么实现
文章起源:https://www.cdcxhl.com/article16/pesodg.html

成都网站建设公司_创新互联,为您提供网站收录移动网站建设网站建设App设计标签优化

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站建设