zoukankan      html  css  js  c++  java
  • ajax实现的天气预报

    <!DOCTYPE html>
    <html>
    <head>
        <title>ajax</title>
    
    </head>
    <body>
    
        <h1>天气查询</h1>
        <input    type="text" placeholder="请输出你的地址" id="tel"/>
    
        <button id="ajax">确定</button>
    
        <p><span id="reslut"></span></p>
    
    
        <script type="text/javascript" src="jquery-3.1.1.js"></script>
        <script type="text/javascript">
        $(function(){
            $('#ajax').on('click',function(){
                var $telValue=$('#tel').val();
                if($telValue=="") {
                    alert('不能为空!');
                    return;
                }
                $.ajax({
                    type: 'GET',
                    dataType:'jsonp',
                    jsonp:'callback',                          
                      jsonpCallback:'getName',
                    url: 'http://api.asilu.com/weather/',
                    data:{
                        "city":$telValue        
                    },
                    success: function(data){
                        var reslutData=data;
                        console.log(reslutData);    
                        $('#reslut').text("你查询的是:"+reslutData.city+","+"明天的天气是:"+reslutData.weather[0].weather);
                    } ,
                   
    
                })
            })
            
        })
        </script>
    </body>
    </html>
  • 相关阅读:
    稀疏核机
    核方法
    变分法
    拉格朗日乘子
    序列数据
    连续隐含变量
    线性回归模型
    采样方法
    线性分类模型
    一些音乐下的评论
  • 原文地址:https://www.cnblogs.com/WayToJs/p/6210325.html
Copyright © 2011-2022 走看看