jsonp

来源:互联网 发布:悔女知之乎的意思 编辑:程序博客网 时间:2024/06/10 03:20
<?php header('content-type:text/html;charset=utf-8'); ?> <center>    <table>        <input type="text" id="phone">        <input type="button" value="查询" id="sub">        <div id="divId"></div>    </table></center><script src="../../../jquery.js"></script><script>    $(document).on('click','#sub',function()    {        var  phone=$('#phone').val();        var url="http://api.k780.com:88/?app=phone.get&phone="+phone+"&appkey=23723&sign=5fd40c5ba8916188171b7e8aa68e49e3&format=json&jsoncallback=localHandler";        $.ajax({            type: "get",            async: false,            url: url,            dataType: "jsonp",            jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)            jsonpCallback:"localHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据            success: function(data)            {                if(data.success == 1){                    var cityStr=data.result.att;                    var cityArr=cityStr.split(',');                    var city=cityArr[cityArr.length - 1];                    var url2='http://api.k780.com:88/?app=weather.future&weaid='+city+'&appkey=23723&sign=5fd40c5ba8916188171b7e8aa68e49e3&format=json&jsoncallback=data';                    $.ajax({                        type: "get",                        async: false,                        url: url2,                        dataType: "jsonp",                        jsonp: "callback",                        jsonpCallback:"data",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据                        success: function(data){                        //第一种                            var data=data.result;                            console.log(data);                            var html="<h1>"+cityStr+"</h1>";                                html+="<table border='1'><tr><td>日期</td><td>星期</td><td>温度</td><td>风向</td><td>天气</td></tr>";                            for(i in data)                            {                                html+="<tr><td>"+data[i].days+"</td>";                                html+="<td>"+data[i].week+"</td>";                                html+="<td>"+data[i].temperature+"</td>";                                html+="<td>"+data[i].wind+"</td>";                                html+="<td>"+data[i].weather+"</td></tr>";                            }                                html+="</table>"                                $("#divId").html(html);                            //第二种                                /*var data=data.result;                                //console.log(data);                                var html="<h1>"+cityStr+"</h1>";                                    html +="<table border='1'><tr><th>日期</th><th>星期</th><th>温度</th><th>风向</th><th>天气</th></tr>";                                $.each(data,function(i,v){                                    html += '<tr><td>'+v.days+'</td><td>'+v.week+'</td><td>'+v.temperature+'</td><td>'+v.wind+'</td><td>'+v.weather+'</td></tr>';                                })                                    html+="</table>";                                    $('#divId').html(html);*/                        }else{                            alert(error);                        }                    });                 }            }else{                alert(error);            }        });    });</script>