Ajax的简单应用

原创 2016年08月28日 17:01:48

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

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

相关文章推荐

ajax的简单应用

  • 2014年11月26日 12:21
  • 691KB
  • 下载

简单的Ajax应用

  • 2013年07月10日 14:24
  • 140KB
  • 下载

简单的ajax、json、jquery应用

今天刚学了ajax、json、jquery的简单应用,写篇日记记录。 这是在aspx用这三个技术。先引入两个jquery框架:jquery-1.4.1.js和jquery-1.4.1.min.js(...

ajax简单应用

  • 2013年04月15日 21:37
  • 2KB
  • 下载

ajax的简单应用

  • 2012年12月11日 18:57
  • 195KB
  • 下载

Ajax学习与简单应用

什么是Ajax

ajax技术简单应用

  • 2009年09月22日 20:37
  • 2KB
  • 下载

Ajax简单示例应用

  • 2011年01月09日 16:41
  • 380KB
  • 下载

一个简单留言板ajax应用的启示备忘录

本着学习 jquery 中 ajax 的态度,后台逻辑十分简单,一个 servlet 搞定,没啥注释,合计7KB。额,刚发现 js 文件只写了 5KB,尴尬,可见 jquery 真的很很很省程序员敲代...
  • mzule
  • mzule
  • 2011年04月17日 01:26
  • 1111
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax的简单应用
举报原因:
原因补充:

(最多只允许输入30个字)