1. axios

axios.get('url', {

  params: {id:1, age:18}, // get请求url参数

  headers: { key: 值...}, // 请求头信息

}).then(res => {

  console.log(res);

});

axios.post(

'url', {

  params: {id:1, age:18}, // post请求url参数

  headers: { key: 值...}, // 请求头信息

  data: {key : 值...}, // post请求体

}).then(res => {

  console.log(res);

});

2. axios函数

axios({

  method: 'POST',

  url :'...',

  params: {...},

  headers: {...},

  data: {...}

}).then(res => {

});

3. fetch函数

fetch(url, {method:..., header..., body:' '}).then(res => {...})

4. jquery

定义：$.ajax({ })

参数：type 请求方式 get/post 。url 请求地址。 async 是否异步 true是 false 否。

data 发给服务器数据。 dataType 预期服务器返回类型。 contentType 请求头。success 请求成功调用函数。error 请求失败调用函数

$.ajax({

  type: "get",

  url: "./.../xxx",

  data: {

    name: "张三",

    age: 18

  },

  dataType: "json",

  success: function(res) {

    // 不指定dataType返回的是字符串需要转换

    // 例 var result = JSON.parse(res);

  }

})

$.get  // 从服务器取数据

$.post // 往服务器提交数据

$.getJSON // 获取json格式数据

5. XMLHttpRequest

const xhr = XMLHttpRequest();

xhr.open('GET', 'url'); // 设置请求url

xhr.send(); // 发送请求

xhr.onreadystatechange = function(){

  xhr.readState // 0 未初始化, 1 open完毕, 2 send完毕, 3 返回部分数据, 4 返回全部数据

  xhr.status // 200+都是正常

  if( xhr.readState==4 && xhr.status == 200) {

    xhr.getAllResponseHeaders(); // 获取响应头

    xhr.response(); // 获取响应体

  }

get请求参数写在url里

post请求以字符串形式写在 send参数里

防止重复提交,取消请求的函数 xhr.abort();