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替换成你需要查询的城市名。

相关问题

JQuery 封装 axios

JQuery封装axios的方式是通过使用JQuery的ajax方法来实现。下面是一个示例代码[^1]：

$.ajax({
  url: 'https://api.example.com/data',
  method: 'GET',
  dataType: 'json',
  success: function(response) {
    console.log(response);
  },
  error: function(error) {
    console.log(error);
  }
});

在这个示例中，我们使用JQuery的ajax方法发送一个GET请求到指定的URL，并指定了数据类型为JSON。成功时，我们打印出响应数据，失败时打印出错误信息。

JQuery的ajax方法提供了丰富的配置选项，可以根据需要设置请求的方法、URL、数据类型、请求头、请求参数等。此外，它还支持回调函数来处理请求的成功和失败情况。

需要注意的是，JQuery封装的ajax方法并不是专门为axios而设计的，它是JQuery框架中的一部分，用于简化和统一异步请求的操作。

jquery封装axios

要封装 Axios，你可以使用 jQuery 的全局函数 `$.ajax` 来实现。以下是一个简单的示例：

// 封装 Axios 的 Ajax 请求
function axiosRequest(config) {
  return new Promise((resolve, reject) => {
    $.ajax({
      url: config.url,
      method: config.method || 'GET',
      data: config.data || {},
      headers: config.headers || {},
      success: function(response) {
        resolve(response);
      },
      error: function(error) {
        reject(error);
      }
    });
  });
}

// 使用封装的 Axios 请求
axiosRequest({
  url: 'https://api.example.com/data',
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  }
}).then(function(response) {
  console.log(response);
}).catch(function(error) {
  console.error(error);
});

上述代码将 `axiosRequest` 函数封装了起来，该函数接收一个配置对象作为参数，并返回一个 Promise。在函数内部，它使用 `$.ajax` 函数来发送 Ajax 请求，并根据请求结果解析 Promise。

请注意，这只是一个简单的示例，如果你需要更强大的功能，可能需要进行更多的封装。