百度API免费接口获取天气预报

& 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>


百度API免费接口获取天气预报