js 获取当前城市名称以及天气预报

需要引入jquery！！！

获取城市 js代码：

function showLocation(data) {
    console.log(data.content.address_detail.city);
}
$.getScript("http://api.map.baidu.com/location/ip?ak=xxxxxxxxxxxxxxxxxxxxxxxxxxxxx&callback=showLocation");

获取城市 天气预报 js代码：

$.ajax({
    type: 'GET',
    url: 'https://www.tianqiapi.com/api/',
    data: 'version=v1&style=1001&city=',
    dataType: 'JSON',
    error: function () {
        alert('网络错误');
    },
    success: function (res) {
        uptime = res.update_time.substring(11);
        uptime = uptime.substring(0,uptime.length-3);
        console.log('【' + res.city + '】' + res.data[0].wea + ' ' + res.data[0].tem1 + '/' + res.data[0].tem2 + ',' + uptime + '更新~');
//        $('body').append('【' + res.city + '】' + res.data[0].wea + ' ' + res.data[0].tem1 + '/' + res.data[0].tem2 + ',' + uptime + '更新~');
    }
});

效果：

注：这是通过ip获取的，后续优化，通过定位经纬度去显示信息。