前端请求数据方法 —— Ajax、Fetch、Axios、Get、Post

Ajax、Fetch、Axios都是前端常用的用于发送HTTP请求的工具，而get和post是HTTP的两种常用方法。

1. Ajax (Asynchronous JavaScript and XML):

Ajax是最早的一种发送异步请求的技术，但是它的写法较为复杂，不适合现代的前端框架。

var xhr = new XMLHttpRequest();
xhr.open("GET", "url", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

2. Fetch:

Fetch是Ajax的一种现代替代品，它返回Promise对象，更加符合现代前端框架的开发习惯。

fetch('url')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.log('Error:', error));

3. Axios:

Axios是另一种发送HTTP请求的库，它的用法和Fetch类似，也返回Promise对象。

axios.get('url')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

4. Get和Post:

Get和Post是HTTP的两种常用方法，Get一般用于获取数据，Post一般用于提交数据。

// Get
$.get('url', function(data){
  console.log(data);
});
 
// Post
$.post('url', {key: 'value'}, function(data){
  console.log(data);
});

以上都是实现前端请求数据的方法，具体使用哪种，主要取决于项目需求和开发习惯。在现代前端开发中，Axios和Fetch是最常用的。