跨域使用jsonp 获取天气预报

最新推荐文章于 2021-06-03 10:09:25 发布

weixin_33800463

最新推荐文章于 2021-06-03 10:09:25 发布

阅读量153

点赞数

CC 4.0 BY-SA版权

文章标签： json xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/jazzka702/p/3340704.html

本文介绍了一种利用jQuery的getJSON方法从指定URL获取天气数据的方法，并通过JSON解析显示了具体的天气信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
  <title>注册</title>      
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script type ="text/javascript" src="jquery.js"></script>     
</head> 
<body> 
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>    
<div id="content">    
              
          
</div>    
   <script> 
$(function(){    
    $.getJSON("http://query.yahooapis.com/v1/public/yql", {    
    q: "select * from json where url='http://m.weather.com.cn/data/101010100.html'",    
    format: "json"   
}, function(data) {    
    var $content = $("#content")    
    if (data.query.results) {   
        var result = JSON.stringify(data.query.results); 
        $content.text(result);   
        var obj = eval('('+result+')'); 
        alert(obj.weatherinfo.city); 
    } else {    
        $content.text('no such code: ' + code);    
    }    
});    
          
}); 
</script> 
  
</body> 
<script> 
      
  
  
</script> 
</html>
 
 
http://www.webxml.com.cn/WebServices/WeatherWebService.asmx
 