【AJAX框架】AJAX入门与axios的使用

// 引入axios库
const axios = require('axios');
 
// 创建一个新的axios实例，可以添加配置默认值
const instance = axios.create({
  baseURL: 'http://your-api-url',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});
 
// 发送GET请求
instance.get('/endpoint')
  .then(function (response) {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(function (error) {
    // 处理错误情况
    console.error(error);
  });
 
// 发送POST请求
instance.post('/endpoint', {
  firstName: 'Fred',
  lastName: 'Flintstone'
})
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.error(error);
  });

这个例子展示了如何使用axios库创建一个axios实例，并发送GET和POST请求。它设置了基础URL、超时时间和自定义头部，然后演示了如何处理响应和错误情况。这是一个简洁且有效的AJAX请求处理方法。