js基础九

通过表单提交数据，不是特别友好的体验
AJAX 1，新建一个AJAX对象的方法 (function(){
var xhr = new XMLHttpRequest();

//ie浏览器创建ajax， var xhr = new ActiveXObject('Microsoft.XMLHTTP');ie8以后就可以不使用这种方法
var xhr;
if (window.XMLHttpRequest){ 判断是否支持ie //window是ie浏览器需要添加的，否则ie5？ie6会出错
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}

xhr.open('GET','',false) 这个是配置ajax参数，第一个参数代表请求方式，post或者get，第二个参数代表请求的地址，AJAX只允许请求同域名下的地址，第三个参数表示是同步flase或者异步true，一般使用 true表示异步，
xhr.open('GET','./../data/data.txt?name=bob&age',false)
//发送请求
xhr.send();

//接收相应绑定事件 xhr.addEventListener('readystatechange',function(){if(xhr.readyState===4&&xhr.status===200){console.log(xhr.responseText)}},false) responseText
xhr.onreadystatechange = function(){ 这个代表接收事件，全部用小写
console.log('change'); 最后一次触发这个事件的时候，才能去接受相应
if(xhr.readyStat ===4 && xhr.status === 200){ 这里的200表示正确接收接收相应
console.log('最后一次')；
cosole.log(xhr.responseText);相应的文本
}
}

使用post发送格式，设置数据发出去的格式，需要设置响应头，使用post发送之前，要把数据设置成表单相同的格式封装起来，才能把数据发送出去
webstorm软件 会自动创建本地文件服务器

get通过网址传递通过问号连接到地址；把数据传输出去，会把数据名称和数据之间用=链接，不用的数据之间用&链接，

})();