前端框架前置学习 AJAX axios初体验

// 引入axios库
const axios = require('axios');
 
// 创建axios实例，可以添加配置
const instance = axios.create({
  baseURL: 'https://api.example.com', // 所有请求的基地址
  timeout: 1000, // 请求超时时间
  headers: {'X-Custom-Header': 'foobar'} // 自定义头部
});
 
// 发送GET请求
instance.get('/endpoint')
  .then(response => {
    console.log(response.data); // 处理响应数据
  })
  .catch(error => {
    console.error(error); // 处理错误情况
  });
 
// 发送POST请求
instance.post('/endpoint', {
  firstName: 'Fred',
  lastName: 'Flintstone'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

这段代码展示了如何使用axios库创建一个axios实例，并设置了基地址、超时时间和自定义头部。然后使用这个实例分别发送了GET和POST请求，并在Promise的then方法中处理了响应数据，在catch方法中处理了错误情况。这是学习AJAX和axios的一个很好的起点。