jquery 天气预报

// 示例代码演示如何使用jQuery天气预报插件获取天气信息
// 引入jQuery库
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

// HTML部分
<input type="text" id="city" placeholder="输入城市名称">
<button id="search">搜索</button>
<div id="weather"></div>

// JavaScript部分
$(document).ready(function(){
    $("#search").click(function(){
        var city = $("#city").val();
        $.ajax({
            url: "https://api.juheapi.com/weather/index",
            data: {
                cityname: city,
                key: "your_api_key"  // 请将your_api_key替换为你申请的API Key
            },
            success: function(result){
                $("#weather").html("城市：" + result.result.today.city + "<br>天氮：" + result.result.today.weather + "<br>温度：" + result.result.today.temperature);
            }
        });
    });
});