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>
阅读全文
0 0
- JSONP
- jsonp
- JSONP
- jsonp
- jsonp
- JSONP
- jsonp
- Jsonp
- jsonp
- JSONP
- JSONP
- JSONp
- JSONP
- jsonP
- JSONP
- JSONP
- jsonp
- jsonp
- crond与crontab
- maven plugin configuration
- css sprites
- 源码提供!Android即时通讯和sns开源项目汇总
- 分针网——每日分享:Mongodb 的基本操作
- jsonp
- 桃花庵 唐寅
- 矫正图像亮度、对比度
- 利用python抓取搜狗关于数据分析的文章并保存到csv文件
- cookie和session
- POJ-2411 Mondriaan's Dream(轮廓线dp)
- redhat6.5
- java List转换为字符串的几种方法
- 多维子材质命名测试