Ajax基础

自己写一个Ajax库:
分4步:
1-创建Ajax对象
2-连接服务器
3-发送请求
4-接收数据

function myAjax(url,funSucc,funFailed){
    //第一步,创建Ajax对象
    if(window.XMLHttpRequest){ //IE6之外
        var oAjax = new XMLHttpRequest();
    }else{
        //IE6用的是ActiveXObject
        var oAjax = new ActiveXObject("Microsoft.XMLHTTP");
    };

    //第二步,连接服务器,用open(连接方法,请求的文件名,是否异步)
    oAjax.open("GET","url",true);

    //第三步,发送请求
    oAjax.send();

    //第四步,接收数据并处理
    oAjax.onreadystatechange() = function(){
        oAjax.readyState
        if(oAjax.readyState == 4){
            if(oAjax.status == 200){
                funSucc(oAjax.responseText);
            }else{
                if(funFailed){
                    funFailed(oAjax.status);        
                }
            }
        }
    }
}

XMLHttpRequest(): 这个就是Ajax的本质,用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

onreadystatechange()事件:当请求返回时触发这个函数

responseText: 获得字符串形式的相应内容(接收到的数据)

readyState: 存储XMLHttpRequest 的状态。从 0 到 4 发生变化。

  1. 0: 请求未初始化
  2. 1: 服务器连接已建立
  3. 2: 请求已接收
  4. 3: 请求处理中
  5. 4: 请求已完成,且响应已就绪

status 状态常见的:
200: “OK”
404: 未找到页面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值