jquery天气预报代码
时间: 2023-10-20 14:05:42 浏览: 107
以下是一个使用jQuery实现的天气预报代码的示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>天气预报</title>
<script src="//apps.bdimg.com/libs/jquery/2.1.2/jquery.min.js"></script>
</head>
<body>
<input type="text" id="city" placeholder="请输入城市名称"/>
<button id="getWeather">获取天气</button>
<p><span id="result"></span></p>
<script>
$(document).ready(function(){
$("#getWeather").click(function(){
var city = $("#city").val();
if(city == ""){
alert("请输入城市名称!");
return;
}
$.ajax({
type: 'GET',
dataType: 'jsonp',
jsonp: 'callback',
jsonpCallback: 'getName',
url: 'http://api.asilu.com/weather/',
data: { "city": city },
success: function (data) {
var resultData = data;
console.log(resultData);
$('#result').text(resultData.city + "明天的天气:" + resultData.weather\[0\].weather);
},
})
});
});
</script>
</body>
</html>
```
你可以将上述代码复制到一个HTML文件中,并在浏览器中打开该文件。然后,你可以在输入框中输入城市名称,点击"获取天气"按钮,即可获取该城市明天的天气信息。
#### 引用[.reference_title]
- *1* *2* *3* [jQuery Ajax 实现 &天气预报 关键字查询 自动填充 等功能](https://blog.csdn.net/weixin_40845165/article/details/123608652)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]