js-ajax基础学习

1.1对ajax进行实例

var http =new XMLHttpRequest();

通过new的方法来获取XMLHttpRequest对象
如果是老版本的浏览器，则需要进行判断

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari新版本浏览器
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5，老版本
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

1.2从服务器请求

open:
var data=xmlhttp.open(method,uri,async,username,password);
//获取方式   ：GET or  POST
//地址，后面可跟参数
//是否异步  true  or  false
//用户名
//密码
el:
    xmlhttp.open('GET','ajax.txt',true,'user','password');
    xmlhttp.send();

get:

xmlhttp.open('POST','ajax.txt',true,'user','password');
xmlhttp.send('string');//string带只适用于POST

state:
当请求被发送到服务器时，我们需要执行一些基于响应的任务。
每当 readyState 改变时，就会触发 onreadystatechangexmlhttp.onreadystatechange=function(){......}
readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

status  200: "OK"
404: 未找到页面

 var xmlhttp= new XMLHttpRequest();
 // 新建XMLHttpRequest对象
 xmlhttp.open('GET','ajax.txt')
 xmlhttp.onreadystatechange = function () { // 状态发生变化时，函数被回调
    if (xmlhttp.readyState === 4) { // 成功完成

        if (xmlhttp.status === 200) {
            // 成功，通过responseText拿到响应的文本(response的文本类型，还有XML类型(responseXML))
            console.log(xmlhttp.responseText);
        } else {
            // 失败，根据响应码判断失败原因:
            console.log('fail');
        }
    } else {
        // HTTP请求还在继续...
    }
}
xmlhttp.send();         //发送请求