jQuery 换成 axios

以下是将jQuery代码转换为axios的示例：

1. GET请求：

axios.get('test.html', { 
  headers: { 'Cache-Control': 'no-cache' } 
})
.then(function(response) {
  $("#results").append(response.data);
})
.catch(function(error) {
  console.log(error);
});

2. POST请求：

axios.post('some.php', 'name=John&location=Boston')
.then(function(response) {
  alert("Data Saved: " + response.data);
})
.catch(function(error) {
  console.log(error);
});

相关问题

把vue admin template 中的ajax换成axios

在Vue Admin模板中，如果你想要将原生的Ajax请求替换为更流行的axios库，你需要做以下几个步骤：

1. **安装axios**：
首先，在项目目录下安装axios：

   npm install axios

或者如果使用的是yarn：

   yarn add axios

2. **引入axios**：
在需要使用axios的地方，如`main.js`或组件内部，导入axios：

   import axios from 'axios';

3. **替换Ajax请求**：
搜索并替换原来的Ajax（比如jQuery的$.ajax）调用，将其替换为axios实例的方法。例如，假设你之前有类似这样的代码：

   // 原来的Ajax示例
   Vue.prototype.$http = {
     get(url) { ... },
     post(url, data) { ... },
     put(url, data) { ... }
   };

可以修改为：

   // 使用axios的示例
   Vue.prototype.$http = axios.create({
     baseURL: process.env.BASE_API, // 如果有API基础URL配置
     timeout: 5000, // 超时时间
     headers: {'Content-Type': 'application/json'}
   });

   // 然后替换原有的get、post等方法
   Vue.prototype.$http.get = this.$http.get.bind(this.$http);
   Vue.prototype.$http.post = this.$http.post.bind(this.$http);
   Vue.prototype.$http.put = this.$http.put.bind(this.$http);

4. **错误处理**：
Axios会返回Promise，所以记得处理可能出现的错误：

   Vue.prototype.$http.get('/api/data')
     .then(response => {
       console.log(response.data);
     })
     .catch(error => {
       console.error('Error:', error.response.data);
     });

jqury用axios获取天气

首先，axios是一个用于发送HTTP请求的JavaScript库，而jQuery是一个JavaScript库，它简化了HTML文档的遍历、事件处理、动画等操作。虽然它们都可以用于发送HTTP请求，但是在这里我们仅仅介绍如何使用axios来获取天气。

要获取天气，需要向一个天气API发送HTTP请求。这里以OpenWeatherMap API为例，你需要先注册一个API key，然后使用以下代码来获取天气：

axios.get('https://api.openweathermap.org/data/2.5/weather?q=London&appid=YOUR_API_KEY')
  .then(function (response) {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(function (error) {
    // 处理错误
    console.log(error);
  });

在上面的代码中，我们使用axios发送一个GET请求到OpenWeatherMap API，请求的URL包含了城市名和API key。当服务器响应时，我们可以通过`response.data`属性来获取响应数据。

请注意，上面的代码中的URL只是示例代码，你需要将YOUR_API_KEY替换成你自己的API key，同时将London替换成你需要查询的城市名。