该死的ajax

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

  1. 创建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 明天!!!!

你可能感兴趣的:(ajax)