ajax笔记

XMLHttpRequest对象

1.onreadystatechange

2.readyState 属性
0:请求未初始化
1:请求已提出,在请求发出去之前
2:请求已发送,可以得到头部信息
3:服务器正在处理中,还没响应完成
4:服务器已经请求完成

3.responseText
返回的请求结果

open()
GET/POST
URL一步处理标志

send()
请求服务器

request.open('GET','test.txt',true);
request.onreadystatechange = function(){
    if(request.readyState == 4){
        //从服务器获取数据的代码
        alert(request.responseText);
    }
}
request.send(null);

———————————————————————————————————————

ajax运行环境

XMLHttpRequest对象,
ActiveXObject

1.ajax的核心

2.ajax的运行环境

xampp(LAMP)
1.环境搭建
xampp网站
http://www.apachefriends.org/zh_cn/xampp.html
2.准备测试环境

eval把json解析成对象

eval("("+json+")");

function ajax(info){
    var type = info.type||"get";
    var async = info.async||true;
    var data = info.data||"";
    if(new XMLHttpRequest){
        var xhr = new XMLHttpRequest();
    }else{
        var xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if(type=="get"){
        xhr.open(type,info.url+"?"+info.data+"&t="+new Date().getTime,async);
        //xhr.open(type,'data.xml',async);
        xhr.send();
    }else{
        xhr.open(type,info.url,async);
        xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
        xhr.send(info.data);
    }
    xhr.onload = function(){
        if(info.success){
            info.success(xhr.responseText);
        }
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这种人我还带他出去玩么?有一次我和我朋友去动物园,就先去了老校区转转,结果就转到了艺术设计学院。去了人家的实验室,...
    键盘瞎阅读 1,326评论 10 43
  • AJAX简单介绍 AJAX = Asynchronous JavaScript and XML(异步的 JavaS...
    晴天_jy阅读 363评论 0 2
  • 一,1个HTTP请求一般由四部分组成: (1)GET请求:一般用于信息获取a.使用URL传递参数b.对所发送信息的...
    Leisure_blogs阅读 279评论 0 0
  • Ajax 使用 创建动态网页的技术 Ajax 介绍 AJAX = Asynchronous JavaScript ...
    枫林宛丘阅读 260评论 0 1
  • 之前这样搞过,每次studio升级都会删掉我们自己写的模板,现在干脆放弃了这种方式 每个Activity模板,对应...
    在你左右2018阅读 619评论 0 2