Javascript 原生ajax 笔记

前言：

对于原生ajax来说，请求的数据分为  请求行  请求头 请求体，还有请求数据是什么格式。

发送一个ajax-get请求
function ajax(){
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");
  }
  xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","/ajax/demo_get",true);
  xmlhttp.setRequestHeader("","");
  xmlhttp.send();
}

案例：
function ajax_get()
{
var xmlhttp;
if (window.XMLHttpRequest){
  xmlhttp=new XMLHttpRequest();
  }else{
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("divs").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","http://47.92.195.192/api/userMachineSet/bindInfo",true);
xmlhttp.setRequestHeader("Authorization","Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE1Njc5MDk4NzAsInVzZXJfbmFtZSI6ImFkbWluIiwiYXV0aG9yaXRpZXMiOlsiUk9MRV9BRE1JTiJdLCJqdGkiOiI0ZTNlZDFlOC05NDJlLTQwNDUtYmFhOC1iMzU1MmI0MDlmZjciLCJjbGllbnRfaWQiOiJjbGllbnQyIiwic2NvcGUiOlsicmVhZCIsIndyaXRlIl19.clfkGTj_Ch2lQpjcUd4Du3lZ7AmDusxJmS_-Dd31BpM");
xmlhttp.send();
}

发送一个ajax-post请求
function ajax()
{
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");
  }
  xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","ajax_test",true);

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlhttp.send("fname=Bill&lname=Gates");
案例：
function ajax()
{
var xmlhttp;
if (window.XMLHttpRequest){
  xmlhttp=new XMLHttpRequest();
  }else{
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    console.log(xmlhttp.responseText)
    }
  }
xmlhttp.open("POST","http://47.92.195.192/oauth/token?username=admin&password=111111&client_id=client2&client_secret=secret&grant_type=password",true);
xmlhttp.send();
也可以：
xmlhttp.open("POST","http://47.92.195.192/oauth/token",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("username=admin&password=111111&client_id=client2&client_secret=secret&grant_type=password");
}