该死的ajax

最新推荐文章于 2021-08-06 11:14:34 发布

买还私奔的

最新推荐文章于 2021-08-06 11:14:34 发布

阅读量1.6k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： ajax 文章标签： Ajax

本文链接：https://blog.youkuaiyun.com/qq_44917409/article/details/89338249

ajax 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了Ajax的基本概念，包括创建Ajax对象、连接服务器、理解同步与异步的区别，以及如何发送请求和接收返回值。文章还解释了请求状态码的意义，是前端开发人员掌握Ajax技术的实用指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我跟Ajax可能有着不同寻常的故事吧！
已至于我和ajax相爱相杀，不管是封装，还是引用，统统是那么的磨人。
先说说ajax的创建步骤：
创建Ajax的步骤

创建ajax对象
注意语法
非IE6语法: var oAjax = new new XMLHttpRequest();
老版本IE5 和IE6语法 varoAjax=newActiveXObject(“Microsoft.XMLHTT”)

 if (window.XMLHttpRequest){
                         var oAjax=new XMLHttpRequest();//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                    }else{
                         var oAjax=new ActiveXObject("Microsoft.XMLHTTP")
                    };// IE6, IE5 浏览器执行代码 }

2.连接到服务器
注意语法
open(方法对应参数一，文件名对应参数二，同步异步对应参数三)

参数一： post/get

参数二：请求文件名

参数三：同步(false) 异步(true)

   open("GET","abc.txt",true)

3.同步异步的区别

同步交互：指方发送一个请求，需要等待返回，然后才能够发送下一个请求，有个等待的过程

异步交互：指发送一个请求，不需要等待返回，随时可以再发送下一个请求
4. 发送请求

     send()

   oAjax.send()

5.接收返回值

    oAjax.onreadystatechange=function(){
    if (oAjax.readyState==4 && oAjax.status==200){
            alert("请求成功"+oAjax.responseText);
    }
    else{
            alert("请求失败"+oAjax.status);
    }
    }

顺嘴在唠一唠请求状态码
请求状态码

    从 0 到 4 发生变化
        0: 请求未初始化（还没有调用到open方法）
        1: 服务器连接已建立（已调用send方法，正在发生请求）
        2: 请求已接收（send方法完成，已接收到全部响应内容）
        3: 请求处理中（解析响应内容）
        4: 请求已完成，且响应已就绪


   200："OK"
   404：未找到页面

see your 明天！！！！