关闭

Ajax的简单应用

标签: ajax
99人阅读 评论(0) 收藏 举报
分类:

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)
安全性好一点
没有缓存,每次都要像服务器提取新数据

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);
}
}
}};

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

/**
 * 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);
                }
            }
        }
    };
}

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

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:36616次
    • 积分:1141
    • 等级:
    • 排名:千里之外
    • 原创:77篇
    • 转载:10篇
    • 译文:0篇
    • 评论:13条
    最新评论