Ajax的简单应用

Ajax给我的第一映像就是非常的高大上，不知道你是不是也和我一样这样认为呢，但是当你真正去了解和认识他的时候，就会发现，他也不过如此，今天就让我们一起去了解一下他的真面目吧。
以下是一些涉及到的小知识点：
1、配置自己的服务器程序（AMP）
2、什么是Ajax
无刷新数据读取
用户注册、在线聊天室
3、ajax（url，fnSucess，fnFaold）
文件名成功读取信息时的函数，失败时的函数
4、清除缓存的方法
ajax（’aaa.txt?t=’+ new Data().getTime(),function(str){alert(str);},function(){alert{‘失败’}）；}
文件名后跟上?t=+ new Data().getTime()；
5、get与post的异同
get: 通过网址传递（获取数据）
容量小（不适合大数据）
安全性差
有缓存
post：不通过网址传递（http content）（上传数据）
容量大（2g）
安全性好一点
没有缓存，每次都要像服务器提取新数据@H_403_21@

6、 a）创建一个Ajax对象
if(window.XMLHttpRequest){
var oAjax = new XMLHttpRequest();
}else{
//IE6
var oAjax = new ActiveXObject(“Microsoft.XMLHTTP”);
}
b）链接到服务器
//open(方法，文件名，异步传输)
oAjax.open(‘GET’,’a.txt’,true);
c）发送请求
oAjax.send();
d）接收返回值
oAjax.onreadystatechange = function(){
//oAjax.readyState //浏览器和服务器进行到哪一步了
if(oAjax.readyState == 4){ //读取完成
if(oAjax.status == 200){//成功
fnSucess(oAjax.responseText);
}else{
if(fnFalse){
fnFalse(oAjax.status);
}
}
}};@H_403_21@

7、同步：多件事儿一起事情一件一件来
异步：一件一件来多个事情一件一件来
（前者表示一般意义，后者则表示计算机意义）
8、oAjax.readyState有哪几种情况
0 （未初始化）还没有调用open（）方法
1 （载入）已调用send（）方法，正在发送请求
2 （载入完成）send（）方法完成，已收到全部响应内容
3 （解析）正在解析响应内容
4 （完成）响应内容完成，可以在用户端调用了
基础知识大概就是这些，下面附上一个Ajax案例@H_403_21@

/** * Created by YanZi on 2016/8/28. */
function ajax(url,fnSucess,fnFalse){
    //创建ajax对象
    //非IE6
    if(window.XMLHttpRequest){
        var oAjax = new XMLHttpRequest();
    }else{
        //IE6
        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){//成功
                fnSucess(oAjax.responseText);
            }else{
                if(fnFalse){
                    fnFalse(oAjax.status);
                }
            }
        }
    };
}

时间原因，就写到这里，以后还会更新，敬请期待+_+@H_403_21@

原文链接：https://www.f2er.com/ajax/161896.html

猜你在找的Ajax相关文章