Ajax的四个步骤

ajax 通俗讲有四个步骤

1.创建Ajax对象
2.链接到服务器
3.发送请求
4.接受返回值

1.创建对象
if(window.XMLHttpRequest){
    //创建Ajax对象 获取浏览器内部的一个XMLHttpRequest对象,创建该对象.(非IE6)
    var oAjax = new XMLHttpRequest();
}else{
    //ie6使用的自几特殊的东西
    var oAjax = new ActiveXObject("Microsoft.XMLHTTP");             
}

对于前面要在if中加window判断是因为,浏览器会对未定义值的变量读取时报错 ,而对于window.variable不会报错,而是报undefined.

2.连接服务器

首先理解同步与异步
同步:事情一件一件来
异步:多件事情一起做
而ajax就是为了异步而生的,例如用户请求表单后,提交到服务器的过程,用户不用等待,可以干别的事情。。。。。。

    //open(方法,亟待读取文件名,异步传输)
    oAjax.open('GET','./a.txt',true);
3发送请求

很简单 一句

    //发送请求
    oAjax.send();
4.接受请求

主要是判断浏览器和服务器的交互进度和结果

        //接收返回
        //0 (未初始化)还没有调用open方法
        //1 (载入)已经调用send()方法,正在发送请求
        //2(载入完成)已收到全部响应内容
        //3(解析)正在解析响应内容
        //4(完成)响应内容解析完成,可以在客户端调用
        oAjax.onreadystatechange=function(){
            //oAjax.readyState浏览器和服务器的交互情况
            if(oAjax.readyState == 4)//读取完成
            {
                if(oAjax.status==200)//http状态码,用来判断是否成功接受并返回文件
                {
                    alert(oAjax.status+" Success" +oAjax.responseText);//读取响应文件里面的TEXT
                }else{
                    alert(oAjax.status+" NotFound");
                }
            }
        };

ajax清除缓存

    //将文件名设置随系统时间改变而改变,这样可以避免浏览器缓存旧数据
    oAjax.open('GET','./a.txt?t='+new Date().getTime(),true);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值