乐山网站建设

专注高端品牌网站建设行业优质供应商！认准小谭建站！
028-86922220135-1821-9792
  • 首页
  • 网站建设
    网站设计包含服务 网站制作流程 有效沟通方式 售后服务
  • 微信开发
  • 案例展示
    乐山小谭建站公司作品案例展示
  • 新闻资讯
  • 解决方案
  • 小谭建站
  • 联系我们

    • Ajax中怎么通过城市名获取数据

    这期内容当中小编将会给大家带来有关Ajax中怎么通过城市名获取数据，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

    成都创新互联公司专业为企业提供钟楼网站建设、钟楼做网站、钟楼网站设计、钟楼网站制作等企业网站建设、网页设计与制作、钟楼企业网站模板建站服务，10年钟楼做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

    聚合数据全国天气预报接口：https://www.juhe.cn/docs/api/id/39

    接口地址：http://v.juhe.cn/weather/index
    支持格式：json/xml
    请求方式：get
    请求示例：http://v.juhe.cn/weather/index?format=2&cityname=%E8%8B%8F%E5%B7%9E&key=您申请的KEY
    调用样例及调试工具：API测试工具
    请求参数说明：
    名称 类型 必填 说明
    cityname string Y 城市名或城市ID，如：”苏州”，需要utf8 urlencode
    dtype string N 返回数据格式：json或xml,默认json
    format int N 未来6天预报(future)两种返回格式，1或2，默认1
    key string Y 你申请的key

    HTML部分代码：

    


天气预报




天气查询
     

    JavaScript部分：

    /*
    * 1.输入城市名
    * 2，点击的时候发送请求
    * 3.响应成功渲染页面
    * */
    $('#search').on('click',function(){
    var city = $('#city').val()||'北京';
    $citycode=urlencode(city);
    url='http://v.juhe.cn/weather/index?format=2&cityname='+$citycode+'&key=c82727e986a4f6cfc6ba1984f1f9183a';
    $.ajax({url: url,
    dataType: "jsonp",
    type:"get",
    data:{location:city},
    success:function(data){
    var sk = data.result.sk;
    var today = data.result.today;
    var futur = data.result.future;
    var fut = "日期温度天气风向";
    $('#mufeng').html("

    " + '当前: ' + sk.temp + '℃ , ' + sk.wind_direction + sk.wind_strength + ' , ' + '空气湿度' + sk.humidity + ' , 更新时间' + sk.time + "

    " + today.city + ' 今天是: ' + today.date_y + ' ' + today.week + ' , ' + today.temperature + ' , ' + today.weather + ' , ' + today.wind + "

    ");
    $('#future').html("

    " + '未来: ' + futur[0].temperature+ '℃ , ' + futur[0].weather + futur[0].wind + ' , ' + ' , 更新时间' + futur[0].week+futur[0].date + "

    " + today.city + "

    ");
    } });
    });
    function urlencode (str) {
    str = (str + '').toString();
    return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
    replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
    }
    })

    上述就是小编为大家分享的Ajax中怎么通过城市名获取数据了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。


    分享题目：Ajax中怎么通过城市名获取数据
    网站链接：http://lszwz.com/article/gihdge.html

    其他资讯

    售后响应及时

    7×24小时客服热线

    数据备份

    更安全、更高效、更稳定

    价格公道精准

    项目经理精准报价不弄虚作假

    合作无风险

    重合同讲信誉，无效全额退款

    联系我们

    TEL

    135-1821-9792

    028-86922220

    地址：乐山市太升南路288号锦天国际

    快捷导航

    Shortcut

    二维码

    QR CODE

    • 微信公众号

    • 手机端网站

    乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。
    友情链接 交换友情链接
    成都小谭网创广告   重庆花箱   自贡服务器托管   阿坝州网站建设   泸州网站建设   商标注册   尊格展览   重庆手机网站建设   成都木托盘   全网品牌营销   

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 All Rights Reserved   蜀ICP备2021004003号-25

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 

    蜀ICP备2021004003号-25