码迷,mamicode.com
首页 > Web开发 > 详细

Ajax

时间:2016-06-03 15:57:08      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:ajax

Ajax ===  服务器通信技术(无刷新数据提取)

  1. 同步通信

  2. 异步通信


-------------------------------------------------------------------------------------------

//需要的文件名,获取成功后执行的函数,获取失败后执行的函数
function ajax(url,fuSucc,fuFailed){ 

    //1、创建Ajax对象
    // FF  chrome
    if(window.XMLHttpRequest){
        var oAjax = new XMLHttpRequest();
    }else{
        //IE
        var oAjax = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //2.连接服务器
    //open(方法,文件名,异步传输)
    oAjax.open(‘GET‘,url,true);

    //3.发送请求
    oAjax.send();

    //4.接收返回
    oAjax.onreadystatechange = function(){
        //oAjax.readyState      //服务器和浏览器进行到哪一步了
        if(oAjax.readyState==4){    //读取完成

          /*  readyState属性:请求状态
            0    (未初始化)还没有调用open()方法
            1    (载入)已调用send()方法,正在发送请求
            2    (载入完成)send()方法完成,已收到全部响应内容
            3    (解析)正在解析响应内容
            4    (完成)响应内容解析完成,可以在客户端调用了*/

            if(oAjax.status==200){   //成功
                 fuSucc(oAjax.responseText);
            }else{
                fuFailed(oAjax.status);
            }
        }
    };
};

Ajax

标签:ajax

原文地址:http://11562329.blog.51cto.com/11552329/1785717

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!