如何将天气信息嵌入网站或应用并添加fxLink响应式页面

以下代码演示了如何使用jQuery和QWeather API获取天气信息，并将其嵌入网站或应用。

$(document).ready(function() {
  var url = 'https://geoapi.qweather.com/v2/city/lookup?location=fuling&adm=chongqing&key=1271def7ae8e49008a6f794eb30f2d87';
  $.getJSON(url, function(data) {
    var cityId = data.location[0].id;
    var weatherUrl = 'https://devapi.qweather.com/v7/weather/now?location=' + cityId + '&key=1271def7ae8e49008a6f794eb30f2d87';
    $.getJSON(weatherUrl, function(weatherData) {
      var weatherDesc = weatherData.now.text;
      var temp = weatherData.now.temp;
      var html = '涪陵区<span style='margin-left: 10px;'>' + weatherDesc + '</span><span style='margin-left: 10px;'>' + temp + '℃</span>';
      $('#weather').html(html);
    });
  });
});

添加fxLink参数

为了将获取到的天气信息绑定到一个链接上，方便在网站或应用中进行跳转，可以使用以下代码添加fxLink参数：

var fxLink = 'https://www.weather.com.cn/weather/' + cityId + '.shtml';
$('#weather').wrap('<a href='' + fxLink + '' target='_blank'></a>');

解释

获取城市ID：通过QWeather API获取城市ID，并将其存储在cityId变量中。
获取天气信息：使用城市ID，通过QWeather API获取天气信息，并将其存储在weatherData变量中。
构建天气信息HTML：根据获取的天气信息，构建HTML代码并将其插入#weather元素中。
添加fxLink参数：获取天气信息所在城市的链接，并将其设置为#weather元素的链接，使其能够点击跳转。

注意事项

请确保你已经注册了QWeather API并获得了API Key。
请确保#weather元素存在于你的HTML页面中。
如果你需要获取其他天气信息，例如温度、湿度等，请参考QWeather API文档。

通过以上步骤，你就可以将天气信息嵌入网站或应用，并添加fxLink参数，方便用户点击跳转到响应式页面。