axios学习

XMLHttpRequest的五步使用法：

1、 建立XMLHttpRequest对象

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

2、  注册回调函数    xmlhttp.onreadystatechange=callback;

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

3、  使用open方法社会自和服务器端交互的基本信息

xmlhttp.open("GET","test1.txt",true);
// xmlhttp.send();

xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// xmlhttp.send("fname=Bill&lname=Gates");

setRequestHeader()请求头信息。

默认情况下，服务器对于客户端一无所知，不知道客户端的任何信息。

在http协议中，请求主体被规定为放置传递到服务器的数据。

那如何告诉服务端有关客户端的信息呢，所以就设计了一个请求头的概念，规定在这里放置一些客户端的信息。

cookie就是放置在这里，以在每次请求时发送给相关的域。

请求头可以自定义，那么你就可以根据请求头的相关信息，在服务器端做一些特殊处理。

假设你就客户端的分辨率做为参数传递，服务端就可以统计访问你的网站的用户的屏幕分辨率的占比。

4、  设置发送的数据，开始和服务器端交互

xmlhttp.send("name="+userName)

5、  在回调函数中判断交互是否结束，响应是否正确，并根据需要过去服务器端返回的数据，更新页面内容

if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }

 var message=xmlhttp.responseText;

https://zhidao.baidu.com/question/1733930251705090427.html