& lt; !DOCTYPE html>
& lt; html lang=癳n”在
& lt; head>
& lt;元charset=皍tf - 8”在
& lt; title> Document
& lt; style>
#结果{宽度:800 px;边界:1 px固体# ddd; margin-top: 30 px;背景:# aaa;显示:没有;}
#结果p{高度:25 px;行高:25 px; padding-left: 20 px;颜色:# fff;粗细:大胆,字体大小:16 px;}
#结果p跨度{填充:0 10 px;显示:inline-block;宽度:120 px; text-align:中心;高度:25 px;行高:25 px;}
#结果p。临时{宽度:250 px; text-align:左;margin-left: 20 px;}
& lt;/style>
& lt;脚本src=" https://www.yisu.com/zixun/Jquery/jquery-1.12.4.js "祝辞& lt;/script>
& lt; script>
$(函数(){
$(窗口)。(“负载”,函数(){
$ . ajax ({
“类型”:“得到”,
“url”:“http://apis.baidu.com/heweather/weather/free?city=beijing”,
“标题”:{apikey:“2 c6d2927ef76200697018e989f6afbbb”},
“成功”:功能(数据){
$(“#结果”),告诉();
data=https://www.yisu.com/zixun/data [' HeWeather数据服务3.0 '][0];
var basic_info=的城市:' + data.basic.cnty +“和,”+ data.basic.city;
var tianqi=data.daily_forecast;
$ (' & lt; p> & lt; strong> + basic_info +“& lt;/strong> & lt;/p>”) .appendTo(“#结果”);
$ (' & lt; p> & lt; span>日期& lt;/span> & lt; span>气温& lt;/span> & lt;跨类=傲偈惫ぁ痹谔炱? lt;/span> & lt;/p>”) .appendTo(“#结果”);
. each美元(tianqi、函数(指数(元素){
html var=";
var=element.date;日期
var=element.tmp温度。分钟+”,# 176;C - + element.tmp。max +, # 176; C的;
var w1=element.cond.txt_d;
var w2=element.cond.txt_n;
var天气;
如果(w1==w2) {
天气=w1;
}
其他{
天气=w1 +‘转’+ w2;
}
html +=& lt; span>”+日期+ & lt;/span>”+“& lt; span>”+温度+ & lt;/span>”+“& lt;跨类=傲偈惫ぁ痹凇疤炱? + & lt;/span>,
$ (' & lt; p> + html + & lt;/p>) .appendTo(“#结果”);
});
}
});
});
$(“#查询”)。(“点击”,函数(){
$(“#结果”)hide()空虚();
=$ var城市.trim($(“#城市”).val ());
$ . ajax ({
“类型”:“得到”,
“url”:“http://apis.baidu.com/heweather/weather/free”,
“数据”:{}“城市”:城市,
“标题”:{apikey:“2 c6d2927ef76200697018e989f6afbbb”},
“成功”:功能(数据){
$(“#城市”).val (");
data=https://www.yisu.com/zixun/data [' HeWeather数据服务3.0 '][0];
console.log(数据);
var basic_info=的城市:' + data.basic.cnty +“和,”+ data.basic.city;
var tianqi=data.daily_forecast;
$ (' & lt; p> & lt; strong> + basic_info +“& lt;/strong> & lt;/p>”) .appendTo(“#结果”);
$ (' & lt; p> & lt; span>日期& lt;/span> & lt; span>气温& lt;/span> & lt; span>天气& lt;/span> & lt;/p>”) .appendTo(“#结果”);
. each美元(tianqi、函数(指数(元素){
html var=";
var=element.date;日期
var=element.tmp温度。分钟+”℃——+ element.tmp。max +“℃”,
var w1=element.cond.txt_d;
var w2=element.cond.txt_n;
var天气;
如果(w1==w2) {
天气=w1;
}
其他{
天气=w1 +‘转’+ w2;
}
html +=& lt; span>”+日期+ & lt;/span>”+“& lt; span>”+温度+ & lt;/span>”+“& lt; span>”+天气+ & lt;/span>,
$ (' & lt; p> + html + & lt;/p>) .appendTo(“#结果”);
$(“#结果”),告诉();
});
}
});
});
});
& lt;/script>
& lt;/head>
& lt; body>
& lt;输入类型=拔谋尽闭嘉环?扒胧淙氤鞘? id="城市"/祝辞
& lt;输入类型=鞍磁ァ奔壑?" https://www.yisu.com/zixun/查询" id="查询"/祝辞
& lt; div id=敖峁弊4? lt;/div>
& lt;/body>
& lt;/html>