JavaScript 调用天气 API 实战指南

一、引言

在开发天气查询功能时，常需通过 API 获取实时数据。本文以深圳龙岗天气查询为例，演示 JavaScript 调用天气 API 的标准流程。

二、原理分析

通过 RESTful API 实现天气查询需三个核心要素：

1. API 端点（如https://api.weather.com/v3）
2. 认证密钥（API Key）
3. 地理参数（经纬度 / 城市名）

三、代码实现步骤

javascript

Copy

// 步骤1：创建异步请求函数
async function getWeather(city) {
    // 步骤2：配置API参数
    const apiKey = 'YOUR_API_KEY';
    const endpoint = `https://api.weather.com/v3/?city=${encodeURIComponent(city)}&key=${apiKey}`;

    try {
        // 步骤3：发起网络请求
        const response = await fetch(endpoint);
        // 步骤4：处理响应数据
        const data = await response.json();
        console.log(`当前温度：${data.temperature}℃ 湿度：${data.humidity}%`);
    } catch (error) {
        console.error('天气查询失败:', error);
    }
}

// 步骤5：执行查询
getWeather('深圳龙岗');

四、效果展示

（需替换真实 API 密钥后运行）

plaintext

Copy

> 当前温度：28℃ 湿度：65%

五、总结

本文演示了标准天气 API 调用流程，实际开发中需注意：

1. 申请服务商 API 凭证（如中国天气网开放平台）
2. 处理网络请求异常
3. 遵守 API 调用频率限制