百度API免费接口获取天气预报-创新互联

<!DOCTYPE html>

成都创新互联公司成立十余年来，这条路我们正越走越好，积累了技术与客户资源，形成了良好的口碑。为客户提供成都网站设计、网站建设、网站策划、网页设计、域名与空间、网络营销、VI设计、网站改版、漏洞修补等服务。网站是否美观、功能强大、用户体验好、性价比高、打开快等等，这些对于网站建设都非常重要，成都创新互联公司通过对建站技术性的掌握、对创意设计的研究为客户提供一站式互联网解决方案，携手广大客户，共同发展进步。

<head>

<title>Document</title>

<style>

#result{width: 800px;border:1px solid #ddd;margin-top: 30px;background: #aaa;display: none;}

#result p{height: 25px;line-height: 25px;padding-left: 20px;color: #fff;font-weight: bold;font-size: 16px;}

#result p span{padding: 0 10px;display: inline-block;width: 120px;text-align:center;height: 25px;line-height: 25px;}

#result p span.temp{width: 250px;text-align: left;margin-left: 20px;}

</style>

$(function(){

$(window).on('load',function(){

$.ajax({

'type':'get',

'url':'http://apis.baidu.com/heweather/weather/free?city=beijing',

'headers':{'apikey':'2c6d2927ef76200697018e989f6afbbb'},

'success':function(data){

$('#result').show();

data = data['HeWeather data service 3.0'][0];

var basic_info = '城市：' + data.basic.cnty + ' ' + data.basic.city;

var tianqi = data.daily_forecast;

$('<p><strong>' + basic_info + '</strong></p>').appendTo('#result');

$('<p><span>日期</span><span>气温</span><span class="temp">天气</span></p>').appendTo('#result');

$.each(tianqi,function(index,element){

var html = '';

var date = element.date;

var temperature = element.tmp.min + '°C - ' + element.tmp.max + '°C';

var w1 = element.cond.txt_d;

var w2 = element.cond.txt_n;

var weather;

if(w1 == w2){

weather = w1;

}

else{

weather = w1 + ' 转 ' + w2;

}

html += '<span>'+ date +'</span>' + '<span>'+ temperature +'</span>' + '<span class="temp">'+ weather +'</span>';

$('<p>'+ html +'</p>').appendTo('#result');

});

}

});

$('#query').on('click',function(){

$('#result').hide().empty();

var city = $.trim($('#city').val());

$.ajax({

'type':'get',

'url':'http://apis.baidu.com/heweather/weather/free',

'data':{'city':city},

'headers':{'apikey':'2c6d2927ef76200697018e989f6afbbb'},

'success':function(data){

$('#city').val('');

data = data['HeWeather data service 3.0'][0];

console.log(data);

var basic_info = '城市：' + data.basic.cnty + ' ' + data.basic.city;

var tianqi = data.daily_forecast;

$('<p><strong>' + basic_info + '</strong></p>').appendTo('#result');

$('<p><span>日期</span><span>气温</span><span>天气</span></p>').appendTo('#result');

$.each(tianqi,function(index,element){

var html = '';

var date = element.date;

var temperature = element.tmp.min + '℃ - ' + element.tmp.max + '℃';

var w1 = element.cond.txt_d;

var w2 = element.cond.txt_n;

var weather;

if(w1 == w2){

weather = w1;

}

else{

weather = w1 + ' 转 ' + w2;

}

html += '<span>'+ date +'</span>' + '<span>'+ temperature +'</span>' + '<span>'+ weather +'</span>';

$('<p>'+ html +'</p>').appendTo('#result');

$('#result').show();

});

}

});

</script>

</head>

<body>

</body>

</html>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：百度API免费接口获取天气预报-创新互联
本文来源：https://www.cdcxhl.com/article10/dpcodo.html

成都网站建设公司_创新互联，为您提供ChatGPT、网站排名、域名注册、微信公众号、做网站、品牌网站设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容