使用ajax的几种常用方式

1. 原生js

function loadXMLDoc()
{
  var xmlhttp;
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      return xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","XXX请求地址XXX",true);    //open(a,b,c)第一个参数是请求方式，第二个参数是请求地址，第三个参数是否异步
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send("fname=Henry&lname=Ford");
}

 

2. jq

$.ajax({
  type: 'post',
  url: 'xxx请求地址xxx',
  async: 'false',
  success: (data)=>{
      console.log(data)
  }
})

 

3. fetch

fetch('xxx请求地址xxx',{
    method: 'post'
}).then(data=>{
//return data.text();    //将返回体处理成字符串类型
　　　　return data.json();    //返回结果和JSON.parse(responseText)一样
　　}).then(ret=>{
　　　　console.log(ret)
})

 

4. axios

axios.post('xxx请求地址xxx')
      .then(response => (console.log(response.data)))    // data属性名称是固定的，用于获取后台响应的数据
      .catch(function (error) { // 请求失败处理
         console.log('请求失败'+error);
      });