日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時(shí)間:2025/3/15 编程问答 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html百度天气api,百度API 免费接口获取天气预报 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

百度API 免費(fèi)接口獲取天氣預(yù)報(bào)

發(fā)布時(shí)間:2020-08-06 05:38:12

來源:51CTO

閱讀:4726

作者:大大果

Document

#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;}

$(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;

$('

' + basic_info + '

').appendTo('#result');

$('

日期氣溫天氣

').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 + ' 轉(zhuǎn) ' + w2;

}

html += ''+ date +'' + ''+ temperature +'' + ''+ weather +'';

$('

'+ html +'

').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;

$('

' + basic_info + '

').appendTo('#result');

$('

日期氣溫天氣

').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 + ' 轉(zhuǎn) ' + w2;

}

html += ''+ date +'' + ''+ temperature +'' + ''+ weather +'';

$('

'+ html +'

').appendTo('#result');

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

});

}

});

});

});

總結(jié)

以上是生活随笔為你收集整理的html百度天气api,百度API 免费接口获取天气预报的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。