原生js的ajax请求

服务器的分类：
1.静态Web服务器 任何人任何时间访问都完全相同的！
技术： HTML CSS JS Flash Gif 音视频
常见静态Web服务器：Apache Httpd、Microsoft IIS、Nginx
2.动态Web服务器 提供的内容在不同的时间不同人访问会有变化
技术：JSP = HTML + Java、PHP = HTML + Php、ASP.NET = HTML + C#、NodeJs = HTML + NodeJS

向服务器发送网络请求有哪些方式
1、浏览器地址栏中输入网址
2、location.href = “地址”
3、带有src属性的标签，请求可以发送出去，服务器可以处理，也可以返回，但是返回的内容是否能被运用，需要看浏览器
4、带有herf属性的标签，请求可以发送出去，服务器可以处理，也可以返回，但是返回的内容是否能被运用，需要看浏览器
5、带有action属性的标签 ex：form表单 页面会跳转
6、Ajax 可以用代码控制，页面不会跳转，服务端返回的结果我可以用js继续处理
AJAX
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。
AJAX 工作原理

XMLHttpRequest 对象
XMLHttpRequest对象是ajax的基础,XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。目前所有浏览器都支持XMLHttpRequest
AJAX - 向服务器发送请求

AJAX - 服务器响应

AJAX - onreadystatechange 事件
当请求被发送到服务器时，我们需要执行一些基于响应的任务。
每当 readyState 改变时，就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性：

http请求状态码

四步使用法:
1.创建XMLHTTPRequest对象
2.绑定监听事件
3.创建请求消息，连接服务器
4.发送请求消息

get请求:

//1、创建请求对象 XHR  
var xhr = null;
if(window.XMLHttpRequest){
      xhr = new XMLHttpRequest(); //其他浏览器
}else{
      xhr = new ActiveXObject('Microsoft.XMLHTTP'); //老版本的IE 5 6
}
console.log(xhr.readyState);//请求状态码
console.log(xhr.status);//请求的结果状态码
//2.绑定监听事件
xhr.onreadystatechange  = function () {
   console.log(xhr.readyState);//请求状态码  1 2 3 4:请求已经完成，且接收到数据
   if(xhr.readyState == 4 && xhr.status == 200){
        console.log(xhr.responseText);//返回的数据
   }
}
//3.设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
xhr.open('get','getStar.php?starName='+name，/*true异步/false同步*/);
// 4、发送请求消息
xhr.send(null);